ignite-parse-auth-kit 1.0.0

package/app/i18n/es.ts

@@ -0,0 +1,132 @@
+import demoEs from "./demo-es" // @demo remove-current-line
+import { Translations } from "./en"
+
+const es: Translations = {
+  common: {
+    ok: "OK",
+    cancel: "Cancelar",
+    back: "Volver",
+    logOut: "Cerrar sesión", // @demo remove-current-line
+  },
+  welcomeScreen: {
+    postscript:
+      "psst — Esto probablemente no es cómo se va a ver tu app. (A menos que tu diseñador te haya enviado estas pantallas, y en ese caso, ¡lánzalas en producción!)",
+    readyForLaunch: "Tu app, casi lista para su lanzamiento",
+    exciting: "(¡ohh, esto es emocionante!)",
+    letsGo: "¡Vamos!", // @demo remove-current-line
+  },
+  errorScreen: {
+    title: "¡Algo salió mal!",
+    friendlySubtitle:
+      "Esta es la pantalla que verán tus usuarios en producción cuando haya un error. Vas a querer personalizar este mensaje (que está ubicado en `app/i18n/es.ts`) y probablemente también su diseño (`app/screens/ErrorScreen`). Si quieres eliminarlo completamente, revisa `app/app.tsx` y el componente <ErrorBoundary>.",
+    reset: "REINICIA LA APP",
+    traceTitle: "Error desde %{name}", // @demo remove-current-line
+  },
+  emptyStateComponent: {
+    generic: {
+      heading: "Muy vacío... muy triste",
+      content:
+        "No se han encontrado datos por el momento. Intenta darle clic en el botón para refrescar o recargar la app.",
+      button: "Intentemos de nuevo",
+    },
+  },
+  // @demo remove-block-start
+  errors: {
+    invalidEmail: "Email inválido.",
+  },
+  loginScreen: {
+    logIn: "Iniciar sesión",
+    enterDetails:
+      "Ingresa tus datos a continuación para desbloquear información ultra secreta. Nunca vas a adivinar lo que te espera al otro lado. O quizás si lo harás; la verdad no hay mucha ciencia alrededor.",
+    emailFieldLabel: "Email",
+    passwordFieldLabel: "Contraseña",
+    emailFieldPlaceholder: "Ingresa tu email",
+    passwordFieldPlaceholder: "Contraseña super secreta aquí",
+    tapToLogIn: "¡Presiona acá para iniciar sesión!",
+    hint: "Consejo: puedes usar cualquier email y tu contraseña preferida :)",
+  },
+  demoNavigator: {
+    componentsTab: "Componentes",
+    debugTab: "Debug",
+    communityTab: "Comunidad",
+    podcastListTab: "Podcasts",
+  },
+  demoCommunityScreen: {
+    title: "Conecta con la comunidad",
+    tagLine:
+      "Únete a la comunidad React Native con los ingenieros de Infinite Red y mejora con nosotros tus habilidades para el desarrollo de apps.",
+    joinUsOnSlackTitle: "Únete a nosotros en Slack",
+    joinUsOnSlack:
+      "¿Quieres conectar con desarrolladores de React Native de todo el mundo? Únete a la conversación en nuestra comunidad de Slack. Nuestra comunidad, que crece día a día, es un espacio seguro para hacer preguntas, aprender de los demás y ampliar tu red.",
+    joinSlackLink: "Únete a la comunidad de Slack",
+    makeIgniteEvenBetterTitle: "Haz que Ignite sea aún mejor",
+    makeIgniteEvenBetter:
+      "¿Tienes una idea para hacer que Ignite sea aún mejor? ¡Nos encantaría escucharla! Estamos siempre buscando personas que quieran ayudarnos a construir las mejores herramientas para React Native. Únete a nosotros en GitHub para ayudarnos a construir el futuro de Ignite.",
+    contributeToIgniteLink: "Contribuir a Ignite",
+    theLatestInReactNativeTitle: "Lo último en el mundo de React Native",
+    theLatestInReactNative:
+      "Estamos aquí para mantenerte al día con todo lo que React Native tiene para ofrecer.",
+    reactNativeRadioLink: "React Native Radio",
+    reactNativeNewsletterLink: "Newsletter de React Native",
+    reactNativeLiveLink: "React Native Live",
+    chainReactConferenceLink: "Conferencia Chain React",
+    hireUsTitle: "Trabaja con Infinite Red en tu próximo proyecto",
+    hireUs:
+      "Ya sea para gestionar un proyecto de inicio a fin o educación a equipos a través de nuestros cursos y capacitación práctica, Infinite Red puede ayudarte en casi cualquier proyecto de React Native.",
+    hireUsLink: "Envíanos un mensaje",
+  },
+  demoShowroomScreen: {
+    jumpStart: "Componentes para comenzar tu proyecto",
+    lorem2Sentences:
+      "Nulla cupidatat deserunt amet quis aliquip nostrud do adipisicing. Adipisicing excepteur elit laborum Lorem adipisicing do duis.",
+    demoHeaderTxExample: "Yay",
+    demoViaTxProp: "A través de el atributo `tx`",
+    demoViaSpecifiedTxProp: "A través de el atributo específico `{{prop}}Tx`",
+  },
+  demoDebugScreen: {
+    howTo: "CÓMO HACERLO",
+    title: "Debug",
+    tagLine:
+      "Felicidades, aquí tienes una propuesta de arquitectura y base de código avanzada para una app en React Native. ¡Disfrutalos!",
+    reactotron: "Enviar a Reactotron",
+    reportBugs: "Reportar errores",
+    demoList: "Lista demo",
+    demoPodcastList: "Lista demo de podcasts",
+    androidReactotronHint:
+      "Si esto no funciona, asegúrate de que la app de escritorio de Reactotron se esté ejecutando, corre adb reverse tcp:9090 tcp:9090 desde tu terminal, y luego recarga la app.",
+    iosReactotronHint:
+      "Si esto no funciona, asegúrate de que la app de escritorio de Reactotron se esté ejecutando, y luego recarga la app.",
+    macosReactotronHint:
+      "Si esto no funciona, asegúrate de que la app de escritorio de Reactotron se esté ejecutando, y luego recarga la app.",
+    webReactotronHint:
+      "Si esto no funciona, asegúrate de que la app de escritorio de Reactotron se esté ejecutando, y luego recarga la app.",
+    windowsReactotronHint:
+      "Si esto no funciona, asegúrate de que la app de escritorio de Reactotron se esté ejecutando, y luego recarga la app.",
+  },
+  demoPodcastListScreen: {
+    title: "Episodios de React Native Radio",
+    onlyFavorites: "Mostrar solo favoritos",
+    favoriteButton: "Favorito",
+    unfavoriteButton: "No favorito",
+    accessibility: {
+      cardHint:
+        "Haz doble clic para escuchar el episodio. Haz doble clic y mantén presionado para {{action}} este episodio.",
+      switch: "Activa para mostrar solo favoritos",
+      favoriteAction: "Cambiar a favorito",
+      favoriteIcon: "Episodio no favorito",
+      unfavoriteIcon: "Episodio favorito",
+      publishLabel: "Publicado el {{date}}",
+      durationLabel: "Duración: {{hours}} horas {{minutes}} minutos {{seconds}} segundos",
+    },
+    noFavoritesEmptyState: {
+      heading: "Esto está un poco vacío",
+      content:
+        "No se han agregado episodios favoritos todavía. ¡Presiona el corazón dentro de un episodio para agregarlo a tus favoritos!",
+    },
+  },
+  // @demo remove-block-start
+  ...demoEs,
+  // @demo remove-block-end
+}
+
+export default es

package/app/i18n/fr.ts

@@ -0,0 +1,132 @@
+import demoFr from "./demo-fr" // @demo remove-current-line
+import { Translations } from "./en"
+
+const fr: Translations = {
+  common: {
+    ok: "OK !",
+    cancel: "Annuler",
+    back: "Retour",
+    logOut: "Déconnexion", // @demo remove-current-line
+  },
+  welcomeScreen: {
+    postscript:
+      "psst  — Ce n'est probablement pas à quoi ressemble votre application. (À moins que votre designer ne vous ait donné ces écrans, dans ce cas, mettez la en prod !)",
+    readyForLaunch: "Votre application, presque prête pour le lancement !",
+    exciting: "(ohh, c'est excitant !)",
+    letsGo: "Allons-y !", // @demo remove-current-line
+  },
+  errorScreen: {
+    title: "Quelque chose s'est mal passé !",
+    friendlySubtitle:
+      "C'est l'écran que vos utilisateurs verront en production lorsqu'une erreur sera lancée. Vous voudrez personnaliser ce message (situé dans `app/i18n/fr.ts`) et probablement aussi la mise en page (`app/screens/ErrorScreen`). Si vous voulez le supprimer complètement, vérifiez `app/app.tsx` pour le composant <ErrorBoundary>.",
+    reset: "RÉINITIALISER L'APPLICATION",
+    traceTitle: "Erreur depuis %{name}", // @demo remove-current-line
+  },
+  emptyStateComponent: {
+    generic: {
+      heading: "Si vide... si triste",
+      content:
+        "Aucune donnée trouvée pour le moment. Essayez de cliquer sur le bouton pour rafraîchir ou recharger l'application.",
+      button: "Essayons à nouveau",
+    },
+  },
+  // @demo remove-block-start
+  errors: {
+    invalidEmail: "Adresse e-mail invalide.",
+  },
+  loginScreen: {
+    logIn: "Se connecter",
+    enterDetails:
+      "Entrez vos informations ci-dessous pour débloquer des informations top secrètes. Vous ne devinerez jamais ce que nous avons en attente. Ou peut-être que vous le ferez ; ce n'est pas de la science spatiale ici.",
+    emailFieldLabel: "E-mail",
+    passwordFieldLabel: "Mot de passe",
+    emailFieldPlaceholder: "Entrez votre adresse e-mail",
+    passwordFieldPlaceholder: "Mot de passe super secret ici",
+    tapToLogIn: "Appuyez pour vous connecter!",
+    hint: "Astuce : vous pouvez utiliser n'importe quelle adresse e-mail et votre mot de passe préféré :)",
+  },
+  demoNavigator: {
+    componentsTab: "Composants",
+    debugTab: "Débogage",
+    communityTab: "Communauté",
+    podcastListTab: "Podcasts",
+  },
+  demoCommunityScreen: {
+    title: "Connectez-vous avec la communauté",
+    tagLine:
+      "Rejoignez la communauté d'ingénieurs React Native d'Infinite Red et améliorez votre développement d'applications avec nous !",
+    joinUsOnSlackTitle: "Rejoignez-nous sur Slack",
+    joinUsOnSlack:
+      "Vous souhaitez vous connecter avec des ingénieurs React Native du monde entier ? Rejoignez la conversation dans la communauté Slack d'Infinite Red ! Notre communauté en pleine croissance est un espace sûr pour poser des questions, apprendre des autres et développer votre réseau.",
+    joinSlackLink: "Rejoindre la communauté Slack",
+    makeIgniteEvenBetterTitle: "Rendre Ignite encore meilleur",
+    makeIgniteEvenBetter:
+      "Vous avez une idée pour rendre Ignite encore meilleur ? Nous sommes heureux de l'entendre ! Nous cherchons toujours des personnes qui veulent nous aider à construire les meilleurs outils React Native. Rejoignez-nous sur GitHub pour nous aider à construire l'avenir d'Ignite.",
+    contributeToIgniteLink: "Contribuer à Ignite",
+    theLatestInReactNativeTitle: "Les dernières nouvelles de React Native",
+    theLatestInReactNative:
+      "Nous sommes là pour vous tenir au courant de tout ce que React Native a à offrir.",
+    reactNativeRadioLink: "React Native Radio",
+    reactNativeNewsletterLink: "React Native Newsletter",
+    reactNativeLiveLink: "React Native Live",
+    chainReactConferenceLink: "Conférence Chain React",
+    hireUsTitle: "Engagez Infinite Red pour votre prochain projet",
+    hireUs:
+      "Que ce soit pour gérer un projet complet ou pour former des équipes à notre formation pratique, Infinite Red peut vous aider pour presque tous les projets React Native.",
+    hireUsLink: "Envoyez-nous un message",
+  },
+  demoShowroomScreen: {
+    jumpStart: "Composants pour démarrer votre projet !",
+    lorem2Sentences:
+      "Nulla cupidatat deserunt amet quis aliquip nostrud do adipisicing. Adipisicing excepteur elit laborum Lorem adipisicing do duis.",
+    demoHeaderTxExample: "Yay",
+    demoViaTxProp: "Via la propriété `tx`",
+    demoViaSpecifiedTxProp: "Via la propriété `{{prop}}Tx` spécifiée",
+  },
+  demoDebugScreen: {
+    howTo: "COMMENT FAIRE",
+    title: "Débugage",
+    tagLine:
+      "Félicitations, vous avez un modèle d'application React Native très avancé ici. Profitez de cette base de code !",
+    reactotron: "Envoyer à Reactotron",
+    reportBugs: "Signaler des bugs",
+    demoList: "Liste de démonstration",
+    demoPodcastList: "Liste de podcasts de démonstration",
+    androidReactotronHint:
+      "Si cela ne fonctionne pas, assurez-vous que l'application de bureau Reactotron est en cours d'exécution, exécutez adb reverse tcp:9090 tcp:9090 à partir de votre terminal, puis rechargez l'application.",
+    iosReactotronHint:
+      "Si cela ne fonctionne pas, assurez-vous que l'application de bureau Reactotron est en cours d'exécution, puis rechargez l'application.",
+    macosReactotronHint:
+      "Si cela ne fonctionne pas, assurez-vous que l'application de bureau Reactotron est en cours d'exécution, puis rechargez l'application.",
+    webReactotronHint:
+      "Si cela ne fonctionne pas, assurez-vous que l'application de bureau Reactotron est en cours d'exécution, puis rechargez l'application.",
+    windowsReactotronHint:
+      "Si cela ne fonctionne pas, assurez-vous que l'application de bureau Reactotron est en cours d'exécution, puis rechargez l'application.",
+  },
+  demoPodcastListScreen: {
+    title: "Épisodes de Radio React Native",
+    onlyFavorites: "Afficher uniquement les favoris",
+    favoriteButton: "Favori",
+    unfavoriteButton: "Non favori",
+    accessibility: {
+      cardHint:
+        "Double-cliquez pour écouter l'épisode. Double-cliquez et maintenez pour {{action}} cet épisode.",
+      switch: "Activez pour afficher uniquement les favoris",
+      favoriteAction: "Basculer en favori",
+      favoriteIcon: "Épisode non favori",
+      unfavoriteIcon: "Épisode favori",
+      publishLabel: "Publié le {{date}}",
+      durationLabel: "Durée : {{hours}} heures {{minutes}} minutes {{seconds}} secondes",
+    },
+    noFavoritesEmptyState: {
+      heading: "C'est un peu vide ici",
+      content:
+        "Aucun favori n'a été ajouté pour le moment. Appuyez sur le cœur d'un épisode pour l'ajouter à vos favoris !",
+    },
+  },
+  // @demo remove-block-start
+  ...demoFr,
+  // @demo remove-block-end
+}
+
+export default fr

package/app/i18n/hi.ts

@@ -0,0 +1,131 @@
+import demoHi from "./demo-hi" // @demo remove-current-line
+import { Translations } from "./en"
+
+const hi: Translations = {
+  common: {
+    ok: "ठीक है!",
+    cancel: "रद्द करें",
+    back: "वापस",
+    logOut: "लॉग आउट", // @demo remove-current-line
+  },
+  welcomeScreen: {
+    postscript:
+      "psst - शायद आपका ऐप ऐसा नहीं दिखता है। (जब तक कि आपके डिजाइनर ने आपको ये स्क्रीन नहीं दी हों, और उस स्थिति में, इसे लॉन्च करें!)",
+    readyForLaunch: "आपका ऐप, लगभग लॉन्च के लिए तैयार है!",
+    exciting: "(ओह, यह रोमांचक है!)",
+    letsGo: "चलो चलते हैं!", // @demo remove-current-line
+  },
+  errorScreen: {
+    title: "कुछ गलत हो गया!",
+    friendlySubtitle:
+      "यह वह स्क्रीन है जो आपके उपयोगकर्ता संचालन में देखेंगे जब कोई त्रुटि होगी। आप इस संदेश को बदलना चाहेंगे (जो `app/i18n/hi.ts` में स्थित है) और शायद लेआउट भी (`app/screens/ErrorScreen`)। यदि आप इसे पूरी तरह से हटाना चाहते हैं, तो `app/app.tsx` में <ErrorBoundary> कंपोनेंट की जांच करें।",
+    reset: "ऐप रीसेट करें",
+    traceTitle: "%{name} स्टैक से त्रुटि", // @demo remove-current-line
+  },
+  emptyStateComponent: {
+    generic: {
+      heading: "इतना खाली... इतना उदास",
+      content: "अभी तक कोई डेटा नहीं मिला। रीफ्रेश करने या ऐप को पुनः लोड करने के लिए बटन दबाएं।",
+      button: "चलो फिर से कोशिश करते हैं",
+    },
+  },
+  // @demo remove-block-start
+  errors: {
+    invalidEmail: "अमान्य ईमेल पता।",
+  },
+  loginScreen: {
+    logIn: "लॉग इन करें",
+    enterDetails:
+      "सर्वश्रेष्ठ रहस्य पता करने के लिए नीचे अपना विवरण दर्ज करें। आप कभी अनुमान नहीं लगा पाएंगे कि हमारे पास क्या इंतजार कर रहा है। या शायद आप कर सकते हैं; यह रॉकेट साइंस नहीं है।",
+    emailFieldLabel: "ईमेल",
+    passwordFieldLabel: "पासवर्ड",
+    emailFieldPlaceholder: "अपना ईमेल पता दर्ज करें",
+    passwordFieldPlaceholder: "सुपर सीक्रेट पासवर्ड यहाँ",
+    tapToLogIn: "लॉग इन करने के लिए टैप करें!",
+    hint: "संकेत: आप किसी भी ईमेल पते और अपने पसंदीदा पासवर्ड का उपयोग कर सकते हैं :)",
+  },
+  demoNavigator: {
+    componentsTab: "कंपोनेंट्स",
+    debugTab: "डीबग",
+    communityTab: "समुदाय",
+    podcastListTab: "पॉडकास्ट",
+  },
+  demoCommunityScreen: {
+    title: "समुदाय से जुड़ें",
+    tagLine:
+      "Infinite Red के React Native इंजीनियरों के समुदाय से जुड़ें और हमारे साथ अपने ऐप विकास को बेहतर बनाएं!",
+    joinUsOnSlackTitle: "Slack पर हमसे जुड़ें",
+    joinUsOnSlack:
+      "क्या आप चाहते हैं कि दुनिया भर के React Native इंजीनियरों से जुड़ने के लिए कोई जगह हो? Infinite Red Community Slack में बातचीत में शामिल हों! हमारा बढ़ता हुआ समुदाय प्रश्न पूछने, दूसरों से सीखने और अपने नेटवर्क को बढ़ाने के लिए एक सुरक्षित स्थान है।",
+    joinSlackLink: "Slack समुदाय में शामिल हों",
+    makeIgniteEvenBetterTitle: "Ignite को और बेहतर बनाएं",
+    makeIgniteEvenBetter:
+      "Ignite को और बेहतर बनाने का कोई विचार है? हमें यह सुनकर खुशी होगी! हम हमेशा ऐसे लोगों की तलाश में रहते हैं जो हमें सर्वश्रेष्ठ React Native टूलिंग बनाने में मदद करना चाहते हैं। Ignite के भविष्य को बनाने में हमारे साथ शामिल होने के लिए GitHub पर हमसे जुड़ें।",
+    contributeToIgniteLink: "Ignite में योगदान दें",
+    theLatestInReactNativeTitle: "React Native में नवीनतम",
+    theLatestInReactNative: "हम आपको React Native के सभी प्रस्तावों पर अपडेट रखने के लिए यहां हैं।",
+    reactNativeRadioLink: "React Native रेडियो",
+    reactNativeNewsletterLink: "React Native न्यूजलेटर",
+    reactNativeLiveLink: "React Native लाइव",
+    chainReactConferenceLink: "Chain React कॉन्फ्रेंस",
+    hireUsTitle: "अपने अगले प्रोजेक्ट के लिए Infinite Red को काम पर रखें",
+    hireUs:
+      "चाहे वह एक पूरा प्रोजेक्ट चलाना हो या हमारे हैंड्स-ऑन प्रशिक्षण के साथ टीमों को गति देना हो, Infinite Red लगभग किसी भी React Native प्रोजेक्ट में मदद कर सकता है।",
+    hireUsLink: "हमें एक संदेश भेजें",
+  },
+  demoShowroomScreen: {
+    jumpStart: "अपने प्रोजेक्ट को जंप स्टार्ट करने के लिए कंपोनेंट्स!",
+    lorem2Sentences:
+      "कोई भी काम जो आप नहीं करना चाहते, उसे करने के लिए किसी और को ढूंढना चाहिए। जो लोग दूसरों की मदद करते हैं, वे खुद की भी मदद करते हैं।",
+    demoHeaderTxExample: "हाँ",
+    demoViaTxProp: "`tx` प्रॉप के माध्यम से",
+    demoViaSpecifiedTxProp: "`{{prop}}Tx` प्रॉप के माध्यम से",
+  },
+  demoDebugScreen: {
+    howTo: "कैसे करें",
+    title: "डीबग",
+    tagLine:
+      "बधाई हो, आपके पास यहां एक बहुत उन्नत React Native ऐप टेम्पलेट है। इस बॉयलरप्लेट का लाभ उठाएं!",
+    reactotron: "Reactotron को भेजें",
+    reportBugs: "बग्स की रिपोर्ट करें",
+    demoList: "डेमो सूची",
+    demoPodcastList: "डेमो पॉडकास्ट सूची",
+    androidReactotronHint:
+      "यदि यह काम नहीं करता है, तो सुनिश्चित करें कि Reactotron डेस्कटॉप ऐप चल रहा है, अपने टर्मिनल से adb reverse tcp:9090 tcp:9090 चलाएं, और ऐप को पुनः लोड करें।",
+    iosReactotronHint:
+      "यदि यह काम नहीं करता है, तो सुनिश्चित करें कि Reactotron डेस्कटॉप ऐप चल रहा है और ऐप को पुनः लोड करें।",
+    macosReactotronHint:
+      "यदि यह काम नहीं करता है, तो सुनिश्चित करें कि Reactotron डेस्कटॉप ऐप चल रहा है और ऐप को पुनः लोड करें।",
+    webReactotronHint:
+      "यदि यह काम नहीं करता है, तो सुनिश्चित करें कि Reactotron डेस्कटॉप ऐप चल रहा है और ऐप को पुनः लोड करें।",
+    windowsReactotronHint:
+      "यदि यह काम नहीं करता है, तो सुनिश्चित करें कि Reactotron डेस्कटॉप ऐप चल रहा है और ऐप को पुनः लोड करें।",
+  },
+  demoPodcastListScreen: {
+    title: "React Native रेडियो एपिसोड",
+    onlyFavorites: "केवल पसंदीदा दिखाएं",
+    favoriteButton: "पसंदीदा",
+    unfavoriteButton: "नापसंद",
+    accessibility: {
+      cardHint:
+        "एपिसोड सुनने के लिए डबल टैप करें। इस एपिसोड को {{action}} करने के लिए डबल टैप करें और होल्ड करें।",
+      switch: "केवल पसंदीदा दिखाने के लिए स्विच करें",
+      favoriteAction: "पसंदीदा टॉगल करें",
+      favoriteIcon: "एपिसोड पसंदीदा नहीं है",
+      unfavoriteIcon: "एपिसोड पसंदीदा है",
+      publishLabel: "{{date}} को प्रकाशित",
+      durationLabel: "अवधि: {{hours}} घंटे {{minutes}} मिनट {{seconds}} सेकंड",
+    },
+    noFavoritesEmptyState: {
+      heading: "यह थोड़ा खाली लगता है",
+      content:
+        "अभी तक कोई पसंदीदा नहीं जोड़ा गया है। इसे अपने पसंदीदा में जोड़ने के लिए किसी एपिसोड पर दिल पर टैप करें!",
+    },
+  },
+  // @demo remove-block-end
+  // @demo remove-block-start
+  ...demoHi,
+  // @demo remove-block-end
+}
+
+export default hi

package/app/i18n/index.ts

@@ -0,0 +1,86 @@
+import { I18nManager } from "react-native"
+import * as Localization from "expo-localization"
+import i18n from "i18next"
+import { initReactI18next } from "react-i18next"
+import "intl-pluralrules"
+
+// if English isn't your default language, move Translations to the appropriate language file.
+import ar from "./ar"
+import en, { Translations } from "./en"
+import es from "./es"
+import fr from "./fr"
+import hi from "./hi"
+import ja from "./ja"
+import ko from "./ko"
+
+const fallbackLocale = "en-US"
+
+const systemLocales = Localization.getLocales()
+
+const resources = { ar, en, ko, es, fr, ja, hi }
+const supportedTags = Object.keys(resources)
+
+// Checks to see if the device locale matches any of the supported locales
+// Device locale may be more specific and still match (e.g., en-US matches en)
+const systemTagMatchesSupportedTags = (deviceTag: string) => {
+  const primaryTag = deviceTag.split("-")[0]
+  return supportedTags.includes(primaryTag)
+}
+
+const pickSupportedLocale: () => Localization.Locale | undefined = () => {
+  return systemLocales.find((locale) => systemTagMatchesSupportedTags(locale.languageTag))
+}
+
+const locale = pickSupportedLocale()
+
+export let isRTL = false
+
+// Need to set RTL ASAP to ensure the app is rendered correctly. Waiting for i18n to init is too late.
+if (locale?.languageTag && locale?.textDirection === "rtl") {
+  I18nManager.allowRTL(true)
+  isRTL = true
+} else {
+  I18nManager.allowRTL(false)
+}
+
+export const initI18n = async () => {
+  i18n.use(initReactI18next)
+
+  await i18n.init({
+    resources,
+    lng: locale?.languageTag ?? fallbackLocale,
+    fallbackLng: fallbackLocale,
+    interpolation: {
+      escapeValue: false,
+    },
+  })
+
+  return i18n
+}
+
+/**
+ * Builds up valid keypaths for translations.
+ */
+
+export type TxKeyPath = RecursiveKeyOf<Translations>
+
+// via: https://stackoverflow.com/a/65333050
+type RecursiveKeyOf<TObj extends object> = {
+  [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<TObj[TKey], `${TKey}`, true>
+}[keyof TObj & (string | number)]
+
+type RecursiveKeyOfInner<TObj extends object> = {
+  [TKey in keyof TObj & (string | number)]: RecursiveKeyOfHandleValue<TObj[TKey], `${TKey}`, false>
+}[keyof TObj & (string | number)]
+
+type RecursiveKeyOfHandleValue<
+  TValue,
+  Text extends string,
+  IsFirstLevel extends boolean,
+> = TValue extends any[]
+  ? Text
+  : TValue extends object
+    ? IsFirstLevel extends true
+      ? Text | `${Text}:${RecursiveKeyOfInner<TValue>}`
+      : Text | `${Text}.${RecursiveKeyOfInner<TValue>}`
+    : Text

package/app/i18n/ja.ts

@@ -0,0 +1,130 @@
+import demoJa from "./demo-ja" // @demo remove-current-line
+import { Translations } from "./en"
+
+const ja: Translations = {
+  common: {
+    ok: "OK",
+    cancel: "キャンセル",
+    back: "戻る",
+    logOut: "ログアウト", // @demo remove-current-line
+  },
+  welcomeScreen: {
+    postscript:
+      "注目！ — このアプリはお好みの見た目では無いかもしれません(デザイナーがこのスクリーンを送ってこない限りは。もしそうなら公開しちゃいましょう！)",
+    readyForLaunch: "このアプリはもう少しで公開できます！",
+    exciting: "(楽しみですね！)",
+    letsGo: "レッツゴー！", // @demo remove-current-line
+  },
+  errorScreen: {
+    title: "問題が発生しました",
+    friendlySubtitle:
+      "本番では、エラーが投げられた時にこのページが表示されます。もし使うならこのメッセージに変更を加えてください(`app/i18n/jp.ts`)レイアウトはこちらで変更できます(`app/screens/ErrorScreen`)。もしこのスクリーンを取り除きたい場合は、`app/app.tsx`にある<ErrorBoundary>コンポーネントをチェックしてください",
+    reset: "リセット",
+    traceTitle: "エラーのスタック: %{name}", // @demo remove-current-line
+  },
+  emptyStateComponent: {
+    generic: {
+      heading: "静かだ...悲しい。",
+      content:
+        "データが見つかりません。ボタンを押してアプリをリロード、またはリフレッシュしてください。",
+      button: "もう一度やってみよう",
+    },
+  },
+  // @demo remove-block-start
+  errors: {
+    invalidEmail: "有効なメールアドレスを入力してください.",
+  },
+  loginScreen: {
+    logIn: "ログイン",
+    enterDetails:
+      "ここにあなたの情報を入力してトップシークレットをアンロックしましょう。何が待ち構えているか予想もつかないはずです。はたまたそうでも無いかも - ロケットサイエンスほど複雑なものではありません。",
+    emailFieldLabel: "メールアドレス",
+    passwordFieldLabel: "パスワード",
+    emailFieldPlaceholder: "メールアドレスを入力してください",
+    passwordFieldPlaceholder: "パスワードを入力してください",
+    tapToLogIn: "タップしてログインしよう！",
+    hint: "ヒント: お好みのメールアドレスとパスワードを使ってください :)",
+  },
+  demoNavigator: {
+    componentsTab: "コンポーネント",
+    debugTab: "デバッグ",
+    communityTab: "コミュニティ",
+    podcastListTab: "ポッドキャスト",
+  },
+  demoCommunityScreen: {
+    title: "コミュニティと繋がろう",
+    tagLine:
+      "Infinite RedのReact Nativeエンジニアコミュニティに接続して、一緒にあなたのアプリ開発をレベルアップしましょう！",
+    joinUsOnSlackTitle: "私たちのSlackに参加しましょう",
+    joinUsOnSlack:
+      "世界中のReact Nativeエンジニアと繋がりたいを思いませんか？Infinite RedのコミュニティSlackに参加しましょう！私達のコミュニティは安全に質問ができ、お互いから学び、あなたのネットワークを広げることができます。",
+    joinSlackLink: "Slackコミュニティに参加する",
+    makeIgniteEvenBetterTitle: "Igniteをより良くする",
+    makeIgniteEvenBetter:
+      "Igniteをより良くする為のアイデアはありますか? そうであれば聞きたいです！ 私たちはいつでも最良のReact Nativeのツールを開発する為に助けを求めています。GitHubで私たちと一緒にIgniteの未来を作りましょう。",
+    contributeToIgniteLink: "Igniteにコントリビュートする",
+    theLatestInReactNativeTitle: "React Nativeの今",
+    theLatestInReactNative: "React Nativeの現在をあなたにお届けします。",
+    reactNativeRadioLink: "React Native Radio",
+    reactNativeNewsletterLink: "React Native Newsletter",
+    reactNativeLiveLink: "React Native Live",
+    chainReactConferenceLink: "Chain React Conference",
+    hireUsTitle: "あなたの次のプロジェクトでInfinite Redと契約する",
+    hireUs:
+      "それがプロジェクト全体でも、チームにトレーニングをしてあげたい時でも、Infinite RedはReact Nativeのことであればなんでもお手伝いができます。",
+    hireUsLink: "メッセージを送る",
+  },
+  demoShowroomScreen: {
+    jumpStart: "あなたのプロジェクトをスタートさせるコンポーネントです！",
+    lorem2Sentences:
+      "Nulla cupidatat deserunt amet quis aliquip nostrud do adipisicing. Adipisicing excepteur elit laborum Lorem adipisicing do duis.",
+    demoHeaderTxExample: "Yay",
+    demoViaTxProp: "`tx`から",
+    demoViaSpecifiedTxProp: "`{{prop}}Tx`から",
+  },
+  demoDebugScreen: {
+    howTo: "ハウツー",
+    title: "デバッグ",
+    tagLine:
+      "おめでとうございます、あなたはとてもハイレベルなReact Nativeのテンプレートを使ってます。このボイラープレートを活用してください！",
+    reactotron: "Reactotronに送る",
+    reportBugs: "バグをレポートする",
+    demoList: "デモリスト",
+    demoPodcastList: "デモのポッドキャストリスト",
+    androidReactotronHint:
+      "もし動かなければ、Reactotronのデスクトップアプリが実行されていることを確認して, このコマンドをターミナルで実行した後、アプリをアプリをリロードしてください。 adb reverse tcp:9090 tcp:9090",
+    iosReactotronHint:
+      "もし動かなければ、Reactotronのデスクトップアプリが実行されていることを確認して、アプリをリロードしてください。",
+    macosReactotronHint:
+      "もし動かなければ、Reactotronのデスクトップアプリが実行されていることを確認して、アプリをリロードしてください。",
+    webReactotronHint:
+      "もし動かなければ、Reactotronのデスクトップアプリが実行されていることを確認して、アプリをリロードしてください。",
+    windowsReactotronHint:
+      "もし動かなければ、Reactotronのデスクトップアプリが実行されていることを確認して、アプリをリロードしてください。",
+  },
+  demoPodcastListScreen: {
+    title: "React Native Radioのエピソード",
+    onlyFavorites: "お気に入り表示",
+    favoriteButton: "お気に入り",
+    unfavoriteButton: "お気に入りを外す",
+    accessibility: {
+      cardHint: "ダブルタップで再生します。 ダブルタップと長押しで {{action}}",
+      switch: "スイッチオンでお気に入りを表示する",
+      favoriteAction: "お気に入りの切り替え",
+      favoriteIcon: "お気に入りのエピソードではありません",
+      unfavoriteIcon: "お気に入りのエピソードです",
+      publishLabel: "公開日 {{date}}",
+      durationLabel: "再生時間: {{hours}} 時間 {{minutes}} 分 {{seconds}} 秒",
+    },
+    noFavoritesEmptyState: {
+      heading: "どうやら空っぽのようですね",
+      content:
+        "お気に入りのエピソードがまだありません。エピソードにあるハートマークにタップして、お気に入りに追加しましょう！",
+    },
+  },
+  // @demo remove-block-start
+  ...demoJa,
+  // @demo remove-block-end
+}
+
+export default ja