feat(i18n): merge #4597/#4774 and complete localization audit (#4839)

* chore: Update Japanese translations for new features and errors

Added and updated multiple Japanese locale strings across AI, app, errors, external, settings, and shortcuts modules. Changes include new labels, descriptions, error messages, and UI text for features such as scheduling, token usage, inbox management, toolbar customization, and quick search.

* Add Japanese README documentation

Introduces README-ja.md with comprehensive information about Folo, including features, installation instructions, community links, contribution guidelines, code signing policies, and license details for Japanese-speaking users.

* Update formatting in Japanese README

Corrected the admonition marker from '[!重要]' to '[!IMPORTANT]' for consistency and made minor formatting adjustments in the README-ja.md file.

* Update community section in Japanese README

Revised wording and formatting in the community participation section of README-ja.md for improved clarity and consistency.

* Remove Japanese README file

Deleted README-ja.md to reduce duplication or outdated documentation. All relevant information should now be referenced from the main README or other documentation files.

* feat: add French (fr-FR) localization

* fix: sort imports in default-resource.ts to resolve lint error

* feat: add missing French translations for mobile/default, native, and external locales

* feat: add French language filter to discovery/recommended feeds

* docs: update changelog for French localization

* feat(i18n): merge PR #4597/#4774 and finish localization audit

---------

Co-authored-by: dai <dosada@gmail.com>
Co-authored-by: Anthony Mahé <snpepito@gmail.com>
Co-authored-by: Anthony Mahé <104373430+AnthonyMahe@users.noreply.github.com>

Author: 3 people

apps/desktop/changelog/next.md

@@ -2,10 +2,12 @@
 
 ## Shiny new things
 
+- Supported French localization.
+
 ## Improvements
 
 ## No longer broken
 
 ## Thanks
 
-Special thanks to volunteer contributors @ for their valuable contributions
+Special thanks to volunteer contributors @AnthonyMahe for their valuable contributions

apps/desktop/layer/renderer/src/@types/constants.ts

@@ -1,5 +1,5 @@
 // DONT EDIT THIS FILE MANUALLY
-const langs = ["en", "zh-CN", "zh-TW", "ja"] as const
+const langs = ["en", "zh-CN", "zh-TW", "ja", "fr-FR"] as const
 export const currentSupportedLanguages = langs as readonly string[]
 export type RendererSupportedLanguages = (typeof langs)[number]
 
@@ -8,6 +8,7 @@ export const dayjsLocaleImportMap = {
   ["zh-CN"]: ["zh-cn", () => import("dayjs/locale/zh-cn")],
   ["ja"]: ["ja", () => import("dayjs/locale/ja")],
   ["zh-TW"]: ["zh-tw", () => import("dayjs/locale/zh-tw")],
+  ["fr-FR"]: ["fr", () => import("dayjs/locale/fr")],
 }
 export const ns = ["common", "lang", "errors", "app", "settings", "shortcuts", "ai"] as const
 export const defaultNS = "app" as const

apps/desktop/layer/renderer/src/@types/default-resource.electron.ts

@@ -1,27 +1,34 @@
 // DONT EDIT THIS FILE MANUALLY
 import ai_en from "@locales/ai/en.json"
+import ai_frFR from "@locales/ai/fr-FR.json"
 import ai_ja from "@locales/ai/ja.json"
 import en from "@locales/app/en.json"
+import app_frFR from "@locales/app/fr-FR.json"
 import app_ja from "@locales/app/ja.json"
 import app_zhCN from "@locales/app/zh-CN.json"
 import app_zhTW from "@locales/app/zh-TW.json"
 import common_en from "@locales/common/en.json"
+import common_frFR from "@locales/common/fr-FR.json"
 import common_ja from "@locales/common/ja.json"
 import common_zhCN from "@locales/common/zh-CN.json"
 import common_zhTW from "@locales/common/zh-TW.json"
 import errors_en from "@locales/errors/en.json"
+import errors_frFR from "@locales/errors/fr-FR.json"
 import errors_ja from "@locales/errors/ja.json"
 import errors_zhCN from "@locales/errors/zh-CN.json"
 import errors_zhTW from "@locales/errors/zh-TW.json"
 import lang_en from "@locales/lang/en.json"
+import lang_frFR from "@locales/lang/fr-FR.json"
 import lang_ja from "@locales/lang/ja.json"
 import lang_zhCN from "@locales/lang/zh-CN.json"
 import lang_zhTW from "@locales/lang/zh-TW.json"
 import settings_en from "@locales/settings/en.json"
+import settings_frFR from "@locales/settings/fr-FR.json"
 import settings_ja from "@locales/settings/ja.json"
 import settings_zhCN from "@locales/settings/zh-CN.json"
 import settings_zhTW from "@locales/settings/zh-TW.json"
 import shortcuts_en from "@locales/shortcuts/en.json"
+import shortcuts_frFR from "@locales/shortcuts/fr-FR.json"
 import shortcuts_ja from "@locales/shortcuts/ja.json"
 import shortcuts_zhCN from "@locales/shortcuts/zh-CN.json"
 import shortcuts_zhTW from "@locales/shortcuts/zh-TW.json"
@@ -70,6 +77,15 @@ export const defaultResources = {
     errors: errors_zhTW,
     ai: ai_en, // Fallback to English until Traditional Chinese translation is available
   },
+  "fr-FR": {
+    app: app_frFR,
+    lang: lang_frFR,
+    common: common_frFR,
+    settings: settings_frFR,
+    shortcuts: shortcuts_frFR,
+    errors: errors_frFR,
+    ai: ai_frFR,
+  },
 } satisfies Record<
   RendererSupportedLanguages,
   Partial<Record<(typeof ns)[number], Record<string, string>>>

apps/desktop/layer/renderer/src/@types/default-resource.ts

@@ -2,11 +2,13 @@
 import ai_en from "@locales/ai/en.json"
 import en from "@locales/app/en.json"
 import common_en from "@locales/common/en.json"
+import common_frFR from "@locales/common/fr-FR.json"
 import common_ja from "@locales/common/ja.json"
 import common_zhCN from "@locales/common/zh-CN.json"
 import common_zhTW from "@locales/common/zh-TW.json"
 import errors_en from "@locales/errors/en.json"
 import lang_en from "@locales/lang/en.json"
+import lang_frFR from "@locales/lang/fr-FR.json"
 import lang_ja from "@locales/lang/ja.json"
 import lang_zhCN from "@locales/lang/zh-CN.json"
 import lang_zhTW from "@locales/lang/zh-TW.json"
@@ -42,6 +44,7 @@ export const defaultResources = {
     common: common_ja,
   },
   "zh-TW": { lang: lang_zhTW, common: common_zhTW },
+  "fr-FR": { lang: lang_frFR, common: common_frFR },
 } satisfies Record<
   RendererSupportedLanguages,
   Partial<Record<(typeof ns)[number], Record<string, string>>>

apps/desktop/layer/renderer/src/modules/discover/DiscoveryContent.tsx

@@ -18,13 +18,17 @@ const LanguageOptions = [
     label: "words.english",
     value: "eng",
   },
+  {
+    label: "words.french",
+    value: "fra",
+  },
   {
     label: "words.chinese",
     value: "cmn",
   },
 ] satisfies ResponsiveSelectItem[]
 
-type Language = "all" | "eng" | "cmn"
+type Language = "all" | "eng" | "cmn" | "fra"
 type DiscoveryView = "trending" | "categories"
 
 export function DiscoveryContent() {

apps/desktop/layer/renderer/src/modules/trending/index.tsx

@@ -25,9 +25,13 @@ const LanguageOptions = [
     label: "words.chinese",
     value: "cmn",
   },
+  {
+    label: "words.french",
+    value: "fra",
+  },
 ]
 
-type Language = "all" | "eng" | "cmn"
+type Language = "all" | "eng" | "cmn" | "fra"
 
 type View = "all" | string
 
@@ -64,6 +68,7 @@ export function Trending({
   const { t: tCommon } = useTranslation("common")
   const lang = useUISettingKey("discoverLanguage")
   const { onUpdateMaxScroll } = useScrollElementUpdate()
+  const trendingLanguage = lang === "fra" ? "eng" : lang
 
   const [selectedView, setSelectedView] = useState<View>("all")
   const viewOptions = useMemo(() => buildViewOptions(), [])
@@ -72,7 +77,7 @@ export function Trending({
     queryKey: ["trending", lang, selectedView],
     queryFn: async () => {
       return await followClient.api.trending.getFeeds({
-        language: lang === "all" ? undefined : lang,
+        language: trendingLanguage === "all" ? undefined : trendingLanguage,
         view: selectedView === "all" ? undefined : Number(selectedView),
         limit,
       })

apps/desktop/layer/renderer/src/pages/(main)/(layer)/(subview)/discover/category/[category].tsx

@@ -26,6 +26,7 @@ const LanguageMap = {
   all: "all",
   eng: "en",
   cmn: "zh-CN",
+  fra: "fr-FR",
 } as const
 
 export const Component = () => {
@@ -134,7 +135,7 @@ export const Component = () => {
       ) : items.length > 0 ? (
         <div className="w-full px-8 pb-8 pt-4">
           <Input
-            placeholder="Search"
+            placeholder={t("words.search", { ns: "common" })}
             className="mb-4"
             value={search}
             onChange={(e) => {
@@ -162,12 +163,10 @@ export const Component = () => {
             <EmptyIcon />
           </div>
           <p className="text-title2 text-text">
-            {t("common.noContent", { defaultValue: "No content found in this category" })}
+            {t("discover.empty.no_content", { ns: "common" })}
           </p>
           <p className="mt-2 text-body text-text-secondary">
-            {t("discover.tryAnotherCategory", {
-              defaultValue: "Try selecting another category or language",
-            })}
+            {t("discover.empty.try_another_category_or_language", { ns: "common" })}
           </p>
         </div>
       )}

apps/mobile/changelog/next.md

@@ -2,10 +2,12 @@
 
 ## Shiny new things
 
+- Supported French localization.
+
 ## Improvements
 
 ## No longer broken
 
 ## Thanks
 
-Special thanks to volunteer contributors @ for their valuable contributions
+Special thanks to volunteer contributors @AnthonyMahe for their valuable contributions

apps/mobile/src/components/errors/GlobalErrorScreen.tsx

@@ -1,5 +1,6 @@
 import { applicationName } from "expo-application"
 import * as React from "react"
+import { useTranslation } from "react-i18next"
 import { TouchableOpacity, View } from "react-native"
 
 import { Text } from "@/src/components/ui/typography/Text"
@@ -9,22 +10,23 @@ interface GlobalErrorScreenProps {
   resetError?: () => void
 }
 export const GlobalErrorScreen: React.FC<GlobalErrorScreenProps> = ({ error, resetError }) => {
+  const { t } = useTranslation("common")
   return (
     <View className="flex-1 bg-system-background">
       <View className="flex-1 items-center justify-center px-6">
         <Text className="mb-6 text-[64px]">😕</Text>
         <Text className="mb-3 text-center text-xl font-semibold text-label">
-          {applicationName} crashed!
+          {t("error_screen.crashed", { appName: applicationName ?? "App" })}
         </Text>
         <Text className="mb-8 text-center text-lg text-secondary-label">
-          {error?.message || "An unexpected error occurred."}
+          {error?.message || t("error_screen.unexpected")}
         </Text>
         {resetError && (
           <TouchableOpacity
             className="min-w-[160px] rounded-xl bg-accent px-6 py-3"
             onPress={resetError}
           >
-            <Text className="text-center text-[17px] font-semibold text-white">Try Again</Text>
+            <Text className="text-center text-[17px] font-semibold text-white">{t("retry")}</Text>
           </TouchableOpacity>
         )}
       </View>

apps/mobile/src/components/errors/ListErrorView.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next"
 import { TouchableOpacity, View } from "react-native"
 import { useColor } from "react-native-uikit-colors"
 
@@ -7,6 +8,7 @@ import { AlertCuteFiIcon } from "@/src/icons/alert_cute_fi"
 import { MonoText } from "../ui/typography/MonoText"
 
 export const ListErrorView = ({ error, resetError }: { error: Error; resetError: () => void }) => {
+  const { t } = useTranslation("common")
   const red = useColor("red")
   return (
     <View className="flex-1 items-center justify-center p-4">
@@ -15,17 +17,17 @@ export const ListErrorView = ({ error, resetError }: { error: Error; resetError:
           <AlertCuteFiIcon color={red} height={48} width={48} />
         </View>
         <Text className="mb-2 text-center text-lg font-semibold text-label">
-          Unable to Load Content
+          {t("error_screen.list_unable_to_load")}
         </Text>
         <Text className="mb-2 text-center text-base text-secondary-label">
-          There was a problem loading the list. Please try again later.
+          {t("error_screen.list_try_later")}
         </Text>
         <MonoText className="mb-4 text-center text-base text-secondary-label">
-          {error.message || "Unknown Error"}
+          {error.message || t("error_screen.unknown")}
         </MonoText>
 
         <TouchableOpacity className="w-full rounded-xl bg-accent px-6 py-3" onPress={resetError}>
-          <Text className="text-center text-base font-semibold text-white">Try Again</Text>
+          <Text className="text-center text-base font-semibold text-white">{t("retry")}</Text>
         </TouchableOpacity>
       </View>
     </View>