@team-monolith/cds 1.117.7 → 1.117.9

package/dist/CdsProvider.js

@@ -5,7 +5,7 @@ import { COLOR } from "./foundation/color";
 import { FONT } from "./foundation/font";
 import { createTheme } from "@mui/material";
 import { createContext, useMemo } from "react";
-import { getI18nInstance } from "./i18n/i18n";
+import { createAndInitI18nInstance } from "./i18n/i18n";
 import { I18nextProvider } from "react-i18next";
 export const light = {
     fontFamily: {
@@ -311,7 +311,7 @@ export const dark = {
 };
 export const CdsContext = createContext({});
 export function CdsProvider(props) {
-    const i18nInstance = useMemo(() => getI18nInstance(props.i18nextConfig), []);
+    const i18nInstance = useMemo(() => createAndInitI18nInstance(props.i18nextConfig), []);
     const muiTheme = createTheme({
         typography: {
             fontFamily: props.fontFamily,

package/dist/i18n/i18n.d.ts

@@ -1,7 +1,8 @@
+import { i18n } from "i18next";
 export type i18nextConfig = {
     environment: string;
     mainLanguage: string;
     projectId: string;
     apiKey?: string;
 };
-export declare function getI18nInstance(config: i18nextConfig | undefined): import("i18next").i18n;
+export declare function createAndInitI18nInstance(config: i18nextConfig | undefined): i18n;

package/dist/i18n/i18n.js

@@ -3,19 +3,26 @@ import LanguageDetector from "i18next-browser-languagedetector";
 import Backend from "i18next-locize-backend";
 import { COOKIE_NAME, I18N_COMMON_CONFIGS, QUERYSTRING_NAME, } from "./i18nConfigs";
 import { initReactI18next } from "react-i18next";
-export function getI18nInstance(config) {
-    const languageDetector = new LanguageDetector(null, {
-        lookupCookie: COOKIE_NAME,
-        lookupQuerystring: QUERYSTRING_NAME,
-        caches: [], // 사용자의 language 설정을 저장하지 않습니다.
-    });
-    const DETECTED_LANGUAGE = languageDetector.detect();
-    const CONTAINS_KOREAN = typeof DETECTED_LANGUAGE === "string"
-        ? DETECTED_LANGUAGE.startsWith("ko")
-        : Array.isArray(DETECTED_LANGUAGE)
-            ? DETECTED_LANGUAGE.some((lang) => lang.startsWith("ko"))
-            : false;
-    const i18nextInstance = i18next
+const languageDetector = new LanguageDetector(null, {
+    lookupCookie: COOKIE_NAME,
+    lookupQuerystring: QUERYSTRING_NAME,
+    caches: [], // 사용자의 language 설정을 저장하지 않습니다.
+});
+const DETECTED_LANGUAGE = languageDetector.detect();
+const CONTAINS_KOREAN = typeof DETECTED_LANGUAGE === "string"
+    ? DETECTED_LANGUAGE.startsWith("ko")
+    : Array.isArray(DETECTED_LANGUAGE)
+        ? DETECTED_LANGUAGE.some((lang) => lang.startsWith("ko"))
+        : false;
+// AIDEV-NOTE: CDS 안에서 i18n 인스턴스를 1개만 유지하기 위해
+//             전역 변수로 관리합니다.
+let i18nInstance = null;
+console.log(`[i18n] module loaded. Detected language:`, DETECTED_LANGUAGE);
+export function createAndInitI18nInstance(config) {
+    if (i18nInstance) {
+        return i18nInstance;
+    }
+    i18nInstance = i18next
         .createInstance()
         .use(languageDetector)
         .use(initReactI18next);
@@ -23,8 +30,8 @@ export function getI18nInstance(config) {
         // config가 없는 경우, backend 플러그인 없이 기본 i18next 설정을 사용하여,
         // fallbackValue(=key)를 항상 사용하게 됩니다.
         console.log("[i18n] i18n config is not provided. Using default i18n instance.");
-        i18nextInstance.init(Object.assign(Object.assign({}, I18N_COMMON_CONFIGS), { fallbackLng: false }));
-        return i18nextInstance;
+        i18nInstance.init(Object.assign(Object.assign({}, I18N_COMMON_CONFIGS), { fallbackLng: false }));
+        return i18nInstance;
     }
     /**
      * AIDEV-NOTE:
@@ -34,9 +41,7 @@ export function getI18nInstance(config) {
      */
     const LOCIZE_ENABLED = config.environment !== "production" || !CONTAINS_KOREAN;
     console.log(`[i18n] Initializing i18n instance with config`);
-    (LOCIZE_ENABLED && config.projectId
-        ? i18nextInstance.use(Backend)
-        : i18nextInstance).init(Object.assign(Object.assign({}, I18N_COMMON_CONFIGS), { debug: config.environment !== "production", 
+    (LOCIZE_ENABLED ? i18nInstance.use(Backend) : i18nInstance).init(Object.assign(Object.assign({}, I18N_COMMON_CONFIGS), { debug: config.environment !== "production", 
         // AIDEV-NOTE:
         // - 유저의 언어가 Korean인 경우:
         //   fallbackLng를 false로 설정하여, 번역이 없는 경우 key 자체를 반환하도록 합니다.
@@ -50,5 +55,5 @@ export function getI18nInstance(config) {
             apiKey: config.apiKey,
             referenceLng: "ko",
         } }));
-    return i18nextInstance;
+    return i18nInstance;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.117.7",
+  "version": "1.117.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,