feat(i18n): allow plain English strings in translate function (#1593)

Author: lourou

features/conversation-list/conversation-list-loading.tsx

@@ -6,6 +6,7 @@ import { getTextStyle } from "@/design-system/Text/Text.utils";
 import { AnimatedVStack, VStack } from "@/design-system/VStack";
 import { NewLoader } from "@/design-system/new-loader";
 import { ConversationListEmpty } from "@/features/conversation-list/conversation-list-empty";
+import { translate } from "@/i18n";
 import { $globalStyles } from "@/theme/styles";
 import { useAppTheme } from "@/theme/useAppTheme";
 import React, { memo, useEffect } from "react";
@@ -62,7 +63,7 @@ export const ConversationListLoading = memo(function ConversationListLoading() {
             msDelayBetweenTextChange={2000}
           />
           <Text color="secondary" preset="small">
-            Gathering your messages
+            {translate("Gathering your messages")}
           </Text>
         </VStack>
         <TimeCounter />

i18n/translate.ts

@@ -5,29 +5,41 @@ import { TxKeyPath } from "./i18n";
 
 /**
  * Translates text.
- * @param {TxKeyPath} key - The i18n key.
- * @param {i18n.TranslateOptions} options - The i18n options.
+ * @param {TxKeyPath | string} key - The i18n key or plain text.
+ * @param {Record<string, any>} options - The i18n options.
  * @returns {string} - The translated text.
- * @example
- * Translations:
- *
- * ```en.ts
- * {
- *  "hello": "Hello, {{name}}!"
- * }
- * ```
- *
- * Usage:
- * ```ts
- * import { translate } from "i18n-js"
- *
- * translate("common.ok", { name: "world" })
- * // => "Hello world!"
- * ```
  */
 export function translate(
-  key: TxKeyPath,
-  options?: i18n.TranslateOptions
+  key: TxKeyPath | string,
+  options?: Record<string, any>
 ): string {
-  return i18n.t(key, options);
+  // Get the current language's translations
+  const translations = i18n.translations[i18n.locale];
+  const enTranslations = i18n.translations.en;
+
+  // First try direct lookup, then fallback to path traversal
+  let result =
+    (translations as Record<string, any>)?.[key] ??
+    key.split(".").reduce((obj, k) => obj?.[k], translations as any);
+
+  // If no translation found in current locale, try English
+  if (result === undefined) {
+    result =
+      (enTranslations as Record<string, any>)?.[key] ??
+      key.split(".").reduce((obj, k) => obj?.[k], enTranslations as any);
+  }
+
+  // If still no translation found, return the key itself
+  if (result === undefined) {
+    result = key;
+  }
+
+  // Handle interpolation if options are provided
+  if (options) {
+    Object.entries(options).forEach(([k, v]) => {
+      result = result.replace(new RegExp(`{{${k}}}`, "g"), String(v));
+    });
+  }
+
+  return result;
 }