@modern-js/plugin-i18n 3.1.1 → 3.1.3-alpha.0

package/dist/cjs/runtime/hooks.js

@@ -32,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 const runtime_namespaceObject = require("@modern-js/runtime");
 const external_react_namespaceObject = require("react");
 const index_js_namespaceObject = require("./i18n/detection/index.js");
+const sdk_event_js_namespaceObject = require("./i18n/backend/sdk-event.js");
 const external_utils_js_namespaceObject = require("./utils.js");
 function createMinimalI18nInstance(language) {
     const minimalInstance = {
@@ -59,9 +60,13 @@ function createContextValue(lang, i18nInstance, entryName, languages, localePath
 function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (!i18nInstance || !(0, runtime_namespaceObject.isBrowser)()) return;
+        const backendId = (0, sdk_event_js_namespaceObject.getI18nSdkBackendId)(i18nInstance.services?.resourceStore) || (0, sdk_event_js_namespaceObject.getI18nSdkBackendId)(i18nInstance.services?.store) || (0, sdk_event_js_namespaceObject.getI18nSdkBackendId)(i18nInstance.store);
+        if (!backendId) return;
         const handleSdkResourcesLoaded = (event)=>{
             const customEvent = event;
-            const { language, namespace } = customEvent.detail;
+            const { language, namespace, backendId: eventBackendId } = customEvent.detail || {};
+            if (!language || !namespace) return;
+            if (eventBackendId && eventBackendId !== backendId) return;
             const triggerUpdate = (retryCount = 0)=>{
                 const store = i18nInstance.store;
                 const hasResource = store?.data?.[language]?.[namespace];
@@ -89,9 +94,9 @@ function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
             };
             triggerUpdate();
         };
-        window.addEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+        window.addEventListener(sdk_event_js_namespaceObject.I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         return ()=>{
-            window.removeEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+            window.removeEventListener(sdk_event_js_namespaceObject.I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         };
     }, [
         i18nInstance,

package/dist/cjs/runtime/i18n/backend/sdk-backend.js

@@ -26,10 +26,12 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     SdkBackend: ()=>SdkBackend
 });
+const external_sdk_event_js_namespaceObject = require("./sdk-event.js");
 class SdkBackend {
     init(services, backendOptions, _i18nextOptions) {
         this.services = services;
         this.sdk = backendOptions?.sdk;
+        (0, external_sdk_event_js_namespaceObject.setI18nSdkBackendId)(services.resourceStore || services.store, this.backendId);
         if (!this.sdk) throw new Error('SdkBackend requires an SDK function to be provided in backend options');
     }
     read(language, namespace, callback) {
@@ -146,10 +148,11 @@ class SdkBackend {
     }
     triggerI18nextUpdate(language, namespace) {
         if ("u" > typeof window) {
-            const event = new CustomEvent('i18n-sdk-resources-loaded', {
+            const event = new CustomEvent(external_sdk_event_js_namespaceObject.I18N_SDK_RESOURCES_LOADED_EVENT, {
                 detail: {
                     language,
-                    namespace
+                    namespace,
+                    backendId: this.backendId
                 }
             });
             window.dispatchEvent(event);
@@ -158,6 +161,7 @@ class SdkBackend {
     constructor(_services, _options){
         this.type = 'backend';
         this.allResourcesCache = null;
+        this.backendId = (0, external_sdk_event_js_namespaceObject.createI18nSdkBackendId)();
         this.loadingPromises = new Map();
     }
 }

package/dist/cjs/runtime/i18n/backend/sdk-event.js

@@ -0,0 +1,64 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    I18N_SDK_RESOURCES_LOADED_EVENT: ()=>I18N_SDK_RESOURCES_LOADED_EVENT,
+    createI18nSdkBackendId: ()=>createI18nSdkBackendId,
+    getI18nSdkBackendId: ()=>getI18nSdkBackendId,
+    setI18nSdkBackendId: ()=>setI18nSdkBackendId
+});
+const I18N_SDK_RESOURCES_LOADED_EVENT = 'i18n-sdk-resources-loaded';
+const I18N_SDK_BACKEND_ID_KEY = '__modern_i18n_sdk_backend_id__';
+let sdkBackendInstanceCount = 0;
+function createI18nSdkBackendId() {
+    sdkBackendInstanceCount += 1;
+    return `modern-i18n-sdk-backend-${sdkBackendInstanceCount}`;
+}
+function setI18nSdkBackendId(target, backendId) {
+    if (!target || 'object' != typeof target) return;
+    Object.defineProperty(target, I18N_SDK_BACKEND_ID_KEY, {
+        configurable: true,
+        enumerable: false,
+        value: backendId,
+        writable: true
+    });
+}
+function getI18nSdkBackendId(target) {
+    if (!target || 'object' != typeof target) return;
+    return target[I18N_SDK_BACKEND_ID_KEY];
+}
+exports.I18N_SDK_RESOURCES_LOADED_EVENT = __webpack_exports__.I18N_SDK_RESOURCES_LOADED_EVENT;
+exports.createI18nSdkBackendId = __webpack_exports__.createI18nSdkBackendId;
+exports.getI18nSdkBackendId = __webpack_exports__.getI18nSdkBackendId;
+exports.setI18nSdkBackendId = __webpack_exports__.setI18nSdkBackendId;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "I18N_SDK_RESOURCES_LOADED_EVENT",
+    "createI18nSdkBackendId",
+    "getI18nSdkBackendId",
+    "setI18nSdkBackendId"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/esm/rslib-runtime.mjs

@@ -10,30 +10,9 @@ function __webpack_require__(moduleId) {
     return module.exports;
 }
 __webpack_require__.m = __webpack_modules__;
-(()=>{
-    __webpack_require__.d = (exports, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
 (()=>{
     __webpack_require__.add = function(modules) {
         Object.assign(__webpack_require__.m, modules);
     };
 })();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports, '__esModule', {
-            value: true
-        });
-    };
-})();
 export { __webpack_require__ };

package/dist/esm/runtime/hooks.mjs

@@ -1,6 +1,7 @@
 import { isBrowser } from "@modern-js/runtime";
 import { useEffect, useRef } from "react";
 import { cacheUserLanguage } from "./i18n/detection/index.mjs";
+import { I18N_SDK_RESOURCES_LOADED_EVENT, getI18nSdkBackendId } from "./i18n/backend/sdk-event.mjs";
 import { buildLocalizedUrl, detectLanguageFromPath, getEntryPath, getPathname, shouldIgnoreRedirect, useRouterHooks } from "./utils.mjs";
 function createMinimalI18nInstance(language) {
     const minimalInstance = {
@@ -28,9 +29,13 @@ function createContextValue(lang, i18nInstance, entryName, languages, localePath
 function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
     useEffect(()=>{
         if (!i18nInstance || !isBrowser()) return;
+        const backendId = getI18nSdkBackendId(i18nInstance.services?.resourceStore) || getI18nSdkBackendId(i18nInstance.services?.store) || getI18nSdkBackendId(i18nInstance.store);
+        if (!backendId) return;
         const handleSdkResourcesLoaded = (event)=>{
             const customEvent = event;
-            const { language, namespace } = customEvent.detail;
+            const { language, namespace, backendId: eventBackendId } = customEvent.detail || {};
+            if (!language || !namespace) return;
+            if (eventBackendId && eventBackendId !== backendId) return;
             const triggerUpdate = (retryCount = 0)=>{
                 const store = i18nInstance.store;
                 const hasResource = store?.data?.[language]?.[namespace];
@@ -58,9 +63,9 @@ function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
             };
             triggerUpdate();
         };
-        window.addEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+        window.addEventListener(I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         return ()=>{
-            window.removeEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+            window.removeEventListener(I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         };
     }, [
         i18nInstance,

package/dist/esm/runtime/i18n/backend/sdk-backend.mjs

@@ -1,7 +1,9 @@
+import { I18N_SDK_RESOURCES_LOADED_EVENT, createI18nSdkBackendId, setI18nSdkBackendId } from "./sdk-event.mjs";
 class SdkBackend {
     init(services, backendOptions, _i18nextOptions) {
         this.services = services;
         this.sdk = backendOptions?.sdk;
+        setI18nSdkBackendId(services.resourceStore || services.store, this.backendId);
         if (!this.sdk) throw new Error('SdkBackend requires an SDK function to be provided in backend options');
     }
     read(language, namespace, callback) {
@@ -118,10 +120,11 @@ class SdkBackend {
     }
     triggerI18nextUpdate(language, namespace) {
         if ("u" > typeof window) {
-            const event = new CustomEvent('i18n-sdk-resources-loaded', {
+            const event = new CustomEvent(I18N_SDK_RESOURCES_LOADED_EVENT, {
                 detail: {
                     language,
-                    namespace
+                    namespace,
+                    backendId: this.backendId
                 }
             });
             window.dispatchEvent(event);
@@ -130,6 +133,7 @@ class SdkBackend {
     constructor(_services, _options){
         this.type = 'backend';
         this.allResourcesCache = null;
+        this.backendId = createI18nSdkBackendId();
         this.loadingPromises = new Map();
     }
 }

package/dist/esm/runtime/i18n/backend/sdk-event.mjs

@@ -0,0 +1,21 @@
+const I18N_SDK_RESOURCES_LOADED_EVENT = 'i18n-sdk-resources-loaded';
+const I18N_SDK_BACKEND_ID_KEY = '__modern_i18n_sdk_backend_id__';
+let sdkBackendInstanceCount = 0;
+function createI18nSdkBackendId() {
+    sdkBackendInstanceCount += 1;
+    return `modern-i18n-sdk-backend-${sdkBackendInstanceCount}`;
+}
+function setI18nSdkBackendId(target, backendId) {
+    if (!target || 'object' != typeof target) return;
+    Object.defineProperty(target, I18N_SDK_BACKEND_ID_KEY, {
+        configurable: true,
+        enumerable: false,
+        value: backendId,
+        writable: true
+    });
+}
+function getI18nSdkBackendId(target) {
+    if (!target || 'object' != typeof target) return;
+    return target[I18N_SDK_BACKEND_ID_KEY];
+}
+export { I18N_SDK_RESOURCES_LOADED_EVENT, createI18nSdkBackendId, getI18nSdkBackendId, setI18nSdkBackendId };

package/dist/esm/runtime/utils.mjs

@@ -1,7 +1,7 @@
-import * as __rspack_external__modern_js_runtime_router_2dfd0c78 from "@modern-js/runtime/router";
-import { __webpack_require__ } from "../rslib-runtime.mjs";
 import { isBrowser } from "@modern-js/runtime";
 import { getGlobalBasename } from "@modern-js/runtime/context";
+import { __webpack_require__ } from "../rslib-runtime.mjs";
+import * as __rspack_external__modern_js_runtime_router_2dfd0c78 from "@modern-js/runtime/router";
 __webpack_require__.add({
     "@modern-js/runtime/router?f1fa" (module) {
         module.exports = __rspack_external__modern_js_runtime_router_2dfd0c78;

package/dist/esm/server/index.mjs

@@ -1,13 +1,7 @@
-import { __webpack_require__ } from "../rslib-runtime.mjs";
-import { languageDetector } from "@modern-js/server-core/hono";
 import { DEFAULT_I18NEXT_DETECTION_OPTIONS, mergeDetectionOptions } from "../runtime/i18n/detection/config.mjs";
 import { getLocaleDetectionOptions } from "../shared/utils.mjs";
-var hono_namespaceObject = {};
-__webpack_require__.r(hono_namespaceObject);
-__webpack_require__.d(hono_namespaceObject, {
-    languageDetector: ()=>languageDetector
-});
-const { languageDetector: server_languageDetector } = hono_namespaceObject;
+import * as __rspack_external__modern_js_server_core_hono_a76ca254 from "@modern-js/server-core/hono";
+const { languageDetector: languageDetector } = __rspack_external__modern_js_server_core_hono_a76ca254;
 const convertToHonoLanguageDetectorOptions = (languages, fallbackLanguage, detectionOptions)=>{
     const mergedDetection = detectionOptions ? mergeDetectionOptions(detectionOptions) : DEFAULT_I18NEXT_DETECTION_OPTIONS;
     const order = (mergedDetection.order || []).filter((item)=>![
@@ -114,7 +108,7 @@ const i18nServerPlugin = (options)=>({
                     if (localePathRedirect) {
                         if (i18nextDetector) {
                             const detectorOptions = convertToHonoLanguageDetectorOptions(languages, fallbackLanguage, detection);
-                            const detectorHandler = server_languageDetector(detectorOptions);
+                            const detectorHandler = languageDetector(detectorOptions);
                             middlewares.push({
                                 name: 'i18n-language-detector',
                                 path: urlPath,

package/dist/esm-node/rslib-runtime.mjs

@@ -11,30 +11,9 @@ function __webpack_require__(moduleId) {
     return module.exports;
 }
 __webpack_require__.m = __webpack_modules__;
-(()=>{
-    __webpack_require__.d = (exports, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) Object.defineProperty(exports, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
 (()=>{
     __webpack_require__.add = function(modules) {
         Object.assign(__webpack_require__.m, modules);
     };
 })();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports, '__esModule', {
-            value: true
-        });
-    };
-})();
 export { __webpack_require__ };

package/dist/esm-node/runtime/hooks.mjs

@@ -2,6 +2,7 @@ import "node:module";
 import { isBrowser } from "@modern-js/runtime";
 import { useEffect, useRef } from "react";
 import { cacheUserLanguage } from "./i18n/detection/index.mjs";
+import { I18N_SDK_RESOURCES_LOADED_EVENT, getI18nSdkBackendId } from "./i18n/backend/sdk-event.mjs";
 import { buildLocalizedUrl, detectLanguageFromPath, getEntryPath, getPathname, shouldIgnoreRedirect, useRouterHooks } from "./utils.mjs";
 function createMinimalI18nInstance(language) {
     const minimalInstance = {
@@ -29,9 +30,13 @@ function createContextValue(lang, i18nInstance, entryName, languages, localePath
 function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
     useEffect(()=>{
         if (!i18nInstance || !isBrowser()) return;
+        const backendId = getI18nSdkBackendId(i18nInstance.services?.resourceStore) || getI18nSdkBackendId(i18nInstance.services?.store) || getI18nSdkBackendId(i18nInstance.store);
+        if (!backendId) return;
         const handleSdkResourcesLoaded = (event)=>{
             const customEvent = event;
-            const { language, namespace } = customEvent.detail;
+            const { language, namespace, backendId: eventBackendId } = customEvent.detail || {};
+            if (!language || !namespace) return;
+            if (eventBackendId && eventBackendId !== backendId) return;
             const triggerUpdate = (retryCount = 0)=>{
                 const store = i18nInstance.store;
                 const hasResource = store?.data?.[language]?.[namespace];
@@ -59,9 +64,9 @@ function useSdkResourcesLoader(i18nInstance, setForceUpdate) {
             };
             triggerUpdate();
         };
-        window.addEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+        window.addEventListener(I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         return ()=>{
-            window.removeEventListener('i18n-sdk-resources-loaded', handleSdkResourcesLoaded);
+            window.removeEventListener(I18N_SDK_RESOURCES_LOADED_EVENT, handleSdkResourcesLoaded);
         };
     }, [
         i18nInstance,

package/dist/esm-node/runtime/i18n/backend/sdk-backend.mjs

@@ -1,8 +1,10 @@
 import "node:module";
+import { I18N_SDK_RESOURCES_LOADED_EVENT, createI18nSdkBackendId, setI18nSdkBackendId } from "./sdk-event.mjs";
 class SdkBackend {
     init(services, backendOptions, _i18nextOptions) {
         this.services = services;
         this.sdk = backendOptions?.sdk;
+        setI18nSdkBackendId(services.resourceStore || services.store, this.backendId);
         if (!this.sdk) throw new Error('SdkBackend requires an SDK function to be provided in backend options');
     }
     read(language, namespace, callback) {
@@ -119,10 +121,11 @@ class SdkBackend {
     }
     triggerI18nextUpdate(language, namespace) {
         if ("u" > typeof window) {
-            const event = new CustomEvent('i18n-sdk-resources-loaded', {
+            const event = new CustomEvent(I18N_SDK_RESOURCES_LOADED_EVENT, {
                 detail: {
                     language,
-                    namespace
+                    namespace,
+                    backendId: this.backendId
                 }
             });
             window.dispatchEvent(event);
@@ -131,6 +134,7 @@ class SdkBackend {
     constructor(_services, _options){
         this.type = 'backend';
         this.allResourcesCache = null;
+        this.backendId = createI18nSdkBackendId();
         this.loadingPromises = new Map();
     }
 }

package/dist/esm-node/runtime/i18n/backend/sdk-event.mjs

@@ -0,0 +1,22 @@
+import "node:module";
+const I18N_SDK_RESOURCES_LOADED_EVENT = 'i18n-sdk-resources-loaded';
+const I18N_SDK_BACKEND_ID_KEY = '__modern_i18n_sdk_backend_id__';
+let sdkBackendInstanceCount = 0;
+function createI18nSdkBackendId() {
+    sdkBackendInstanceCount += 1;
+    return `modern-i18n-sdk-backend-${sdkBackendInstanceCount}`;
+}
+function setI18nSdkBackendId(target, backendId) {
+    if (!target || 'object' != typeof target) return;
+    Object.defineProperty(target, I18N_SDK_BACKEND_ID_KEY, {
+        configurable: true,
+        enumerable: false,
+        value: backendId,
+        writable: true
+    });
+}
+function getI18nSdkBackendId(target) {
+    if (!target || 'object' != typeof target) return;
+    return target[I18N_SDK_BACKEND_ID_KEY];
+}
+export { I18N_SDK_RESOURCES_LOADED_EVENT, createI18nSdkBackendId, getI18nSdkBackendId, setI18nSdkBackendId };

package/dist/esm-node/runtime/utils.mjs

@@ -1,8 +1,8 @@
 import "node:module";
-import * as __rspack_external__modern_js_runtime_router_2dfd0c78 from "@modern-js/runtime/router";
-import { __webpack_require__ } from "../rslib-runtime.mjs";
 import { isBrowser } from "@modern-js/runtime";
 import { getGlobalBasename } from "@modern-js/runtime/context";
+import { __webpack_require__ } from "../rslib-runtime.mjs";
+import * as __rspack_external__modern_js_runtime_router_2dfd0c78 from "@modern-js/runtime/router";
 __webpack_require__.add({
     "@modern-js/runtime/router?f1fa" (module) {
         module.exports = __rspack_external__modern_js_runtime_router_2dfd0c78;

package/dist/esm-node/server/index.mjs

@@ -1,14 +1,8 @@
 import "node:module";
-import { __webpack_require__ } from "../rslib-runtime.mjs";
-import { languageDetector } from "@modern-js/server-core/hono";
 import { DEFAULT_I18NEXT_DETECTION_OPTIONS, mergeDetectionOptions } from "../runtime/i18n/detection/config.mjs";
 import { getLocaleDetectionOptions } from "../shared/utils.mjs";
-var hono_namespaceObject = {};
-__webpack_require__.r(hono_namespaceObject);
-__webpack_require__.d(hono_namespaceObject, {
-    languageDetector: ()=>languageDetector
-});
-const { languageDetector: server_languageDetector } = hono_namespaceObject;
+import * as __rspack_external__modern_js_server_core_hono_a76ca254 from "@modern-js/server-core/hono";
+const { languageDetector: languageDetector } = __rspack_external__modern_js_server_core_hono_a76ca254;
 const convertToHonoLanguageDetectorOptions = (languages, fallbackLanguage, detectionOptions)=>{
     const mergedDetection = detectionOptions ? mergeDetectionOptions(detectionOptions) : DEFAULT_I18NEXT_DETECTION_OPTIONS;
     const order = (mergedDetection.order || []).filter((item)=>![
@@ -115,7 +109,7 @@ const i18nServerPlugin = (options)=>({
                     if (localePathRedirect) {
                         if (i18nextDetector) {
                             const detectorOptions = convertToHonoLanguageDetectorOptions(languages, fallbackLanguage, detection);
-                            const detectorHandler = server_languageDetector(detectorOptions);
+                            const detectorHandler = languageDetector(detectorOptions);
                             middlewares.push({
                                 name: 'i18n-language-detector',
                                 path: urlPath,

package/dist/types/runtime/i18n/backend/sdk-backend.d.ts

@@ -25,6 +25,7 @@ export declare class SdkBackend {
     type: "backend";
     sdk?: I18nSdkLoader;
     private allResourcesCache;
+    private backendId;
     private loadingPromises;
     private services?;
     constructor(_services: unknown, _options: Record<string, unknown>);

package/dist/types/runtime/i18n/backend/sdk-event.d.ts

@@ -0,0 +1,9 @@
+export declare const I18N_SDK_RESOURCES_LOADED_EVENT = "i18n-sdk-resources-loaded";
+export interface I18nSdkResourcesLoadedEventDetail {
+    language: string;
+    namespace: string;
+    backendId?: string;
+}
+export declare function createI18nSdkBackendId(): string;
+export declare function setI18nSdkBackendId(target: unknown, backendId: string): void;
+export declare function getI18nSdkBackendId(target: unknown): string | undefined;

package/log/rpc/app.call.log

@@ -0,0 +1,3 @@
+TRACE 2025-11-11 14:57:06,552 v1(7) call.js:0 10.91.112.88 - 021762844226351fe800000000000000cf9cee0d62d65ddb132e8 default - - psm=- spanId=311573918650071 parentSpanId=0 costInUs=177889 remoteMethod=byted_service_fetch_unknown_to_method remoteCluster=default remoteService=galaxy-api.bytedance.net remoteAddress=- statusCode=200 startAt=1762844226373111 env=prod stress_tag=- to=galaxy-api.bytedance.net to_cluster=default to_idc=- retry=0 http.method=GET http.url=/auth/api/v1/jwt http.host=galaxy-api.bytedance.net http.status_code=200 http.param= mesh=0 to_env=prod remote_protocol=https sampled=true localMethod=byted_service_fetch_unknown_to_method type=rpcCall 
+TRACE 2025-11-11 14:57:40,453 v1(7) call.js:0 10.91.112.88 - 021762844260256fe800000000000000cf9cee0d62d65dd47eac7 default - - psm=- spanId=911184692546025 parentSpanId=0 costInUs=175395 remoteMethod=byted_service_fetch_unknown_to_method remoteCluster=default remoteService=galaxy-api.bytedance.net remoteAddress=- statusCode=200 startAt=1762844260276605 env=prod stress_tag=- to=galaxy-api.bytedance.net to_cluster=default to_idc=- retry=0 http.method=GET http.url=/auth/api/v1/jwt http.host=galaxy-api.bytedance.net http.status_code=200 http.param= mesh=0 to_env=prod remote_protocol=https sampled=true localMethod=byted_service_fetch_unknown_to_method type=rpcCall 
+TRACE 2025-11-11 14:58:01,872 v1(7) call.js:0 10.91.112.88 - 021762844281704fe800000000000000cf9cee0d62d65ddc5dbdc default - - psm=- spanId=1584335362867424 parentSpanId=0 costInUs=146941 remoteMethod=byted_service_fetch_unknown_to_method remoteCluster=default remoteService=galaxy-api.bytedance.net remoteAddress=- statusCode=200 startAt=1762844281724059 env=prod stress_tag=- to=galaxy-api.bytedance.net to_cluster=default to_idc=- retry=0 http.method=GET http.url=/auth/api/v1/jwt http.host=galaxy-api.bytedance.net http.status_code=200 http.param= mesh=0 to_env=prod remote_protocol=https sampled=true localMethod=byted_service_fetch_unknown_to_method type=rpcCall 

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "3.1.1",
+  "version": "3.1.3-alpha.0",
   "engines": {
     "node": ">=20"
   },
@@ -82,22 +82,22 @@
     "@swc/helpers": "^0.5.17",
     "i18next-browser-languagedetector": "^8.2.1",
     "i18next-chained-backend": "^4.6.3",
-    "i18next-fs-backend": "^2.6.1",
+    "i18next-fs-backend": "^2.6.3",
     "i18next-http-backend": "^3.0.2",
     "i18next-http-middleware": "^3.9.2",
-    "@modern-js/plugin": "3.1.1",
-    "@modern-js/runtime-utils": "3.1.1",
-    "@modern-js/server-core": "3.1.1",
-    "@modern-js/server-runtime": "3.1.1",
-    "@modern-js/types": "3.1.1",
-    "@modern-js/utils": "3.1.1"
+    "@modern-js/plugin": "3.1.2",
+    "@modern-js/runtime-utils": "3.1.2",
+    "@modern-js/server-core": "3.1.2",
+    "@modern-js/server-runtime": "3.1.2",
+    "@modern-js/types": "3.1.2",
+    "@modern-js/utils": "3.1.2"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
     "i18next": ">=25.7.4",
     "react-i18next": ">=15.7.4",
-    "@modern-js/runtime": "^3.1.1"
+    "@modern-js/runtime": "^3.1.2"
   },
   "peerDependenciesMeta": {
     "i18next": {
@@ -108,20 +108,17 @@
     }
   },
   "devDependencies": {
-    "@rslib/core": "0.20.0",
-    "@types/jest": "^29.5.14",
+    "@rslib/core": "0.20.3",
     "@types/node": "^20",
     "i18next": "25.7.4",
-    "jest": "^29.7.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-i18next": "15.7.4",
-    "ts-jest": "^29.4.6",
     "ts-node": "^10.9.2",
     "typescript": "^5",
-    "@modern-js/app-tools": "3.1.1",
-    "@modern-js/rslib": "2.68.10",
-    "@modern-js/runtime": "3.1.1"
+    "@modern-js/app-tools": "3.1.2",
+    "@modern-js/runtime": "3.1.2",
+    "@modern-js/rslib": "2.68.10"
   },
   "sideEffects": false,
   "publishConfig": {

package/src/runtime/hooks.ts

@@ -3,6 +3,11 @@ import type { TRuntimeContext } from '@modern-js/runtime';
 import type React from 'react';
 import { useEffect, useRef } from 'react';
 import type { I18nInstance } from './i18n';
+import {
+  I18N_SDK_RESOURCES_LOADED_EVENT,
+  type I18nSdkResourcesLoadedEventDetail,
+  getI18nSdkBackendId,
+} from './i18n/backend/sdk-event';
 import { cacheUserLanguage } from './i18n/detection';
 import {
   buildLocalizedUrl,
@@ -59,12 +64,31 @@ export function useSdkResourcesLoader(
       return;
     }
 
+    const backendId =
+      getI18nSdkBackendId(i18nInstance.services?.resourceStore) ||
+      getI18nSdkBackendId(i18nInstance.services?.store) ||
+      getI18nSdkBackendId(i18nInstance.store);
+
+    if (!backendId) {
+      return;
+    }
+
     const handleSdkResourcesLoaded = (event: Event) => {
-      const customEvent = event as CustomEvent<{
-        language: string;
-        namespace: string;
-      }>;
-      const { language, namespace } = customEvent.detail;
+      const customEvent =
+        event as CustomEvent<I18nSdkResourcesLoadedEventDetail>;
+      const {
+        language,
+        namespace,
+        backendId: eventBackendId,
+      } = customEvent.detail || {};
+
+      if (!language || !namespace) {
+        return;
+      }
+
+      if (eventBackendId && eventBackendId !== backendId) {
+        return;
+      }
 
       const triggerUpdate = (retryCount = 0) => {
         const store = (i18nInstance as any).store;
@@ -110,13 +134,13 @@ export function useSdkResourcesLoader(
     };
 
     window.addEventListener(
-      'i18n-sdk-resources-loaded',
+      I18N_SDK_RESOURCES_LOADED_EVENT,
       handleSdkResourcesLoaded,
     );
 
     return () => {
       window.removeEventListener(
-        'i18n-sdk-resources-loaded',
+        I18N_SDK_RESOURCES_LOADED_EVENT,
         handleSdkResourcesLoaded,
       );
     };

package/src/runtime/i18n/backend/sdk-backend.ts

@@ -1,5 +1,10 @@
 import type { I18nSdkLoadOptions, I18nSdkLoader } from '../../../shared/type';
 import type { Resources } from '../instance';
+import {
+  I18N_SDK_RESOURCES_LOADED_EVENT,
+  createI18nSdkBackendId,
+  setI18nSdkBackendId,
+} from './sdk-event';
 
 interface BackendOptions {
   sdk?: I18nSdkLoader;
@@ -29,6 +34,7 @@ export class SdkBackend {
   type = 'backend' as const;
   sdk?: I18nSdkLoader;
   private allResourcesCache: Resources | null = null;
+  private backendId = createI18nSdkBackendId();
   private loadingPromises = new Map<string, Promise<unknown>>();
   private services?: I18nextServices;
 
@@ -45,6 +51,10 @@ export class SdkBackend {
     this.services = services;
     void _i18nextOptions;
     this.sdk = backendOptions?.sdk;
+    setI18nSdkBackendId(
+      services.resourceStore || services.store,
+      this.backendId,
+    );
     if (!this.sdk) {
       throw new Error(
         'SdkBackend requires an SDK function to be provided in backend options',
@@ -283,8 +293,12 @@ export class SdkBackend {
 
   private triggerI18nextUpdate(language: string, namespace: string): void {
     if (typeof window !== 'undefined') {
-      const event = new CustomEvent('i18n-sdk-resources-loaded', {
-        detail: { language, namespace },
+      const event = new CustomEvent(I18N_SDK_RESOURCES_LOADED_EVENT, {
+        detail: {
+          language,
+          namespace,
+          backendId: this.backendId,
+        },
       });
       window.dispatchEvent(event);
     }

package/src/runtime/i18n/backend/sdk-event.ts

@@ -0,0 +1,39 @@
+export const I18N_SDK_RESOURCES_LOADED_EVENT = 'i18n-sdk-resources-loaded';
+
+const I18N_SDK_BACKEND_ID_KEY = '__modern_i18n_sdk_backend_id__';
+
+let sdkBackendInstanceCount = 0;
+
+export interface I18nSdkResourcesLoadedEventDetail {
+  language: string;
+  namespace: string;
+  backendId?: string;
+}
+
+export function createI18nSdkBackendId(): string {
+  sdkBackendInstanceCount += 1;
+  return `modern-i18n-sdk-backend-${sdkBackendInstanceCount}`;
+}
+
+export function setI18nSdkBackendId(target: unknown, backendId: string): void {
+  if (!target || typeof target !== 'object') {
+    return;
+  }
+
+  Object.defineProperty(target, I18N_SDK_BACKEND_ID_KEY, {
+    configurable: true,
+    enumerable: false,
+    value: backendId,
+    writable: true,
+  });
+}
+
+export function getI18nSdkBackendId(target: unknown): string | undefined {
+  if (!target || typeof target !== 'object') {
+    return undefined;
+  }
+
+  return (target as Record<string, unknown>)[I18N_SDK_BACKEND_ID_KEY] as
+    | string
+    | undefined;
+}