@bleedingdev/modern-js-plugin-i18n 3.4.0-ultramodern.1 → 3.4.0-ultramodern.10

package/dist/cjs/cli/index.js

@@ -64,9 +64,10 @@ const i18nPlugin = (options = {})=>({
                     backend: backendOptions,
                     ...extendedConfig
                 };
+                const runtimePluginPath = customPlugin?.runtime?.path || (false === config.reactI18next ? `@${metaName}/plugin-i18n/runtime/no-react-i18next` : `@${metaName}/plugin-i18n/runtime`);
                 plugins.push({
                     name: customPlugin?.runtime?.name || 'i18n',
-                    path: customPlugin?.runtime?.path || `@${metaName}/plugin-i18n/runtime`,
+                    path: runtimePluginPath,
                     config
                 });
                 return {

package/dist/cjs/runtime/context.js

@@ -122,6 +122,13 @@ const useModernI18n = ()=>{
         navigate,
         location
     ]);
+    const t = (0, external_react_namespaceObject.useCallback)((key, ...args)=>{
+        if ('function' != typeof i18nInstance.t) throw new Error('i18nInstance.t is required');
+        return i18nInstance.t(key, ...args);
+    }, [
+        currentLanguage,
+        i18nInstance
+    ]);
     const isLanguageSupported = (0, external_react_namespaceObject.useCallback)((lang)=>languages?.includes(lang) || false, [
         languages
     ]);
@@ -155,6 +162,7 @@ const useModernI18n = ()=>{
     return {
         language: currentLanguage,
         changeLanguage,
+        t,
         i18nInstance,
         supportedLanguages: languages || [],
         localisedUrls,

package/dist/cjs/runtime/core.js

@@ -0,0 +1,217 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__, {
+    I18nLink: ()=>external_I18nLink_js_namespaceObject.I18nLink,
+    Link: ()=>external_Link_js_namespaceObject.Link,
+    buildLocalizedUrl: ()=>external_utils_js_namespaceObject.buildLocalizedUrl,
+    canonicalPath: ()=>external_localizedPaths_js_namespaceObject.canonicalPath,
+    createI18nPlugin: ()=>createI18nPlugin,
+    localizePath: ()=>external_localizedPaths_js_namespaceObject.localizePath,
+    splitUrlTarget: ()=>external_utils_js_namespaceObject.splitUrlTarget,
+    useLocalizedLocation: ()=>external_localizedPaths_js_namespaceObject.useLocalizedLocation,
+    useLocalizedPaths: ()=>external_localizedPaths_js_namespaceObject.useLocalizedPaths,
+    useModernI18n: ()=>external_context_js_namespaceObject.useModernI18n
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const runtime_namespaceObject = require("@modern-js/runtime");
+const head_namespaceObject = require("@modern-js/runtime/head");
+const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
+const external_react_namespaceObject = require("react");
+const external_context_js_namespaceObject = require("./context.js");
+const external_hooks_js_namespaceObject = require("./hooks.js");
+const index_js_namespaceObject = require("./i18n/index.js");
+const backend_index_js_namespaceObject = require("./i18n/backend/index.js");
+const detection_index_js_namespaceObject = require("./i18n/detection/index.js");
+const middleware_js_namespaceObject = require("./i18n/detection/middleware.js");
+const instance_js_namespaceObject = require("./i18n/instance.js");
+const external_utils_js_namespaceObject = require("./utils.js");
+require("./types.js");
+const external_I18nLink_js_namespaceObject = require("./I18nLink.js");
+const external_Link_js_namespaceObject = require("./Link.js");
+const external_localizedPaths_js_namespaceObject = require("./localizedPaths.js");
+let i18nLifecycleHelpersPromise;
+function loadI18nLifecycleHelpers() {
+    i18nLifecycleHelpersPromise ??= Promise.all([
+        import("./i18n/backend/middleware.js"),
+        import("./i18n/utils.js")
+    ]).then(([backendMiddleware, utils])=>({
+            useI18nextBackend: backendMiddleware.useI18nextBackend,
+            changeI18nLanguage: utils.changeI18nLanguage,
+            ensureLanguageMatch: utils.ensureLanguageMatch,
+            initializeI18nInstance: utils.initializeI18nInstance,
+            setupClonedInstance: utils.setupClonedInstance
+        }));
+    return i18nLifecycleHelpersPromise;
+}
+const createI18nPlugin = (loadReactI18nextIntegration)=>(options)=>({
+            name: '@modern-js/plugin-i18n',
+            setup: (api)=>{
+                const { entryName, i18nInstance: userI18nInstance, initOptions, localeDetection, backend, htmlLangAttr = false, reactI18next = true } = options;
+                const { localePathRedirect = false, i18nextDetector = true, languages = [], fallbackLanguage = 'en', detection, ignoreRedirectRoutes, localisedUrls } = localeDetection || {};
+                const { enabled: backendEnabled = false } = backend || {};
+                let latestI18nInstance;
+                let I18nextProvider;
+                const resolveReactI18nextIntegration = async ()=>{
+                    if (!reactI18next) return null;
+                    return loadReactI18nextIntegration?.() ?? null;
+                };
+                api.onBeforeRender(async (context)=>{
+                    const { useI18nextBackend, changeI18nLanguage, ensureLanguageMatch, initializeI18nInstance, setupClonedInstance } = await loadI18nLifecycleHelpers();
+                    let i18nInstance = await (0, index_js_namespaceObject.getI18nInstance)(userI18nInstance);
+                    const { i18n: otherConfig } = api.getRuntimeConfig();
+                    const { initOptions: otherInitOptions } = otherConfig || {};
+                    const userInitOptions = (0, merge_namespaceObject.merge)(otherInitOptions || {}, initOptions || {});
+                    const reactI18nextIntegration = await resolveReactI18nextIntegration();
+                    I18nextProvider = reactI18nextIntegration?.I18nextProvider ?? null;
+                    if (reactI18nextIntegration?.initReactI18next) i18nInstance.use(reactI18nextIntegration.initReactI18next);
+                    const pathname = (0, external_utils_js_namespaceObject.getPathname)(context);
+                    if (i18nextDetector) (0, middleware_js_namespaceObject.useI18nextLanguageDetector)(i18nInstance);
+                    const mergedDetection = (0, detection_index_js_namespaceObject.mergeDetectionOptions)(i18nextDetector, detection, localePathRedirect, userInitOptions);
+                    const mergedBackend = (0, backend_index_js_namespaceObject.mergeBackendOptions)(backend, userInitOptions);
+                    const hasSdkConfig = 'function' == typeof userInitOptions?.backend?.sdk || mergedBackend?.sdk && 'function' == typeof mergedBackend.sdk;
+                    if (mergedBackend && (backendEnabled || hasSdkConfig)) useI18nextBackend(i18nInstance, mergedBackend);
+                    const { finalLanguage } = await (0, detection_index_js_namespaceObject.detectLanguageWithPriority)(i18nInstance, {
+                        languages,
+                        fallbackLanguage,
+                        localePathRedirect,
+                        i18nextDetector,
+                        detection,
+                        userInitOptions,
+                        mergedBackend,
+                        pathname,
+                        ssrContext: context.ssrContext
+                    });
+                    await initializeI18nInstance(i18nInstance, finalLanguage, fallbackLanguage, languages, mergedDetection, mergedBackend, userInitOptions);
+                    if (!(0, runtime_namespaceObject.isBrowser)() && i18nInstance.cloneInstance) {
+                        i18nInstance = i18nInstance.cloneInstance();
+                        await setupClonedInstance(i18nInstance, finalLanguage, fallbackLanguage, languages, backendEnabled, backend, i18nextDetector, detection, localePathRedirect, userInitOptions);
+                    }
+                    if (localePathRedirect) await ensureLanguageMatch(i18nInstance, finalLanguage);
+                    if (!(0, runtime_namespaceObject.isBrowser)()) (0, detection_index_js_namespaceObject.exportServerLngToWindow)(context, finalLanguage);
+                    context.i18nInstance = i18nInstance;
+                    latestI18nInstance = i18nInstance;
+                    context.changeLanguage = async (newLang)=>{
+                        await changeI18nLanguage(i18nInstance, newLang, {
+                            detectionOptions: mergedDetection
+                        });
+                    };
+                });
+                api.wrapRoot((App)=>(props)=>{
+                        const runtimeContext = (0, external_react_namespaceObject.useContext)(runtime_namespaceObject.RuntimeContext);
+                        const i18nInstance = runtimeContext.i18nInstance || latestI18nInstance;
+                        const initialLang = (0, external_react_namespaceObject.useMemo)(()=>i18nInstance?.language || (localeDetection?.fallbackLanguage ?? 'en'), [
+                            i18nInstance?.language,
+                            localeDetection?.fallbackLanguage
+                        ]);
+                        const [lang, setLang] = (0, external_react_namespaceObject.useState)(initialLang);
+                        const [forceUpdate, setForceUpdate] = (0, external_react_namespaceObject.useState)(0);
+                        const prevLangRef = (0, external_react_namespaceObject.useRef)(lang);
+                        const runtimeContextRef = (0, external_react_namespaceObject.useRef)(runtimeContext);
+                        runtimeContextRef.current = runtimeContext;
+                        (0, external_react_namespaceObject.useEffect)(()=>{
+                            if (i18nInstance?.language) {
+                                const translator = i18nInstance.translator;
+                                if (translator) translator.language = i18nInstance.language;
+                            }
+                        }, [
+                            i18nInstance?.language
+                        ]);
+                        (0, external_react_namespaceObject.useEffect)(()=>{
+                            prevLangRef.current = lang;
+                        }, [
+                            lang
+                        ]);
+                        (0, external_hooks_js_namespaceObject.useSdkResourcesLoader)(i18nInstance, setForceUpdate);
+                        (0, external_hooks_js_namespaceObject.useLanguageSync)(i18nInstance, localePathRedirect, languages, runtimeContextRef, prevLangRef, setLang);
+                        (0, external_hooks_js_namespaceObject.useClientSideRedirect)(i18nInstance, localePathRedirect, languages, fallbackLanguage, ignoreRedirectRoutes, localisedUrls);
+                        const contextValue = (0, external_react_namespaceObject.useMemo)(()=>(0, external_hooks_js_namespaceObject.createContextValue)(lang, i18nInstance, entryName, languages, localePathRedirect, ignoreRedirectRoutes, localisedUrls, setLang), [
+                            lang,
+                            i18nInstance,
+                            entryName,
+                            languages,
+                            localePathRedirect,
+                            ignoreRedirectRoutes,
+                            localisedUrls,
+                            forceUpdate
+                        ]);
+                        const children = props.children;
+                        const appContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            children: [
+                                Boolean(htmlLangAttr) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(head_namespaceObject.Helmet, {
+                                    htmlAttributes: {
+                                        lang
+                                    }
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_js_namespaceObject.ModernI18nProvider, {
+                                    value: contextValue,
+                                    children: App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
+                                        ...props,
+                                        children: children
+                                    }) : children
+                                })
+                            ]
+                        });
+                        if (!i18nInstance) return appContent;
+                        if (I18nextProvider) {
+                            const i18nextInstanceForProvider = (0, instance_js_namespaceObject.getI18nextInstanceForProvider)(i18nInstance);
+                            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(I18nextProvider, {
+                                i18n: i18nextInstanceForProvider,
+                                children: appContent
+                            });
+                        }
+                        return appContent;
+                    });
+            }
+        });
+exports.I18nLink = __webpack_exports__.I18nLink;
+exports.Link = __webpack_exports__.Link;
+exports.buildLocalizedUrl = __webpack_exports__.buildLocalizedUrl;
+exports.canonicalPath = __webpack_exports__.canonicalPath;
+exports.createI18nPlugin = __webpack_exports__.createI18nPlugin;
+exports.localizePath = __webpack_exports__.localizePath;
+exports.splitUrlTarget = __webpack_exports__.splitUrlTarget;
+exports.useLocalizedLocation = __webpack_exports__.useLocalizedLocation;
+exports.useLocalizedPaths = __webpack_exports__.useLocalizedPaths;
+exports.useModernI18n = __webpack_exports__.useModernI18n;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "I18nLink",
+    "Link",
+    "buildLocalizedUrl",
+    "canonicalPath",
+    "createI18nPlugin",
+    "localizePath",
+    "splitUrlTarget",
+    "useLocalizedLocation",
+    "useLocalizedPaths",
+    "useModernI18n"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/runtime/i18n/backend/middleware.node.js

@@ -39,22 +39,40 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     FsBackendWithSave: ()=>FsBackendWithSave,
     HttpBackendWithSave: ()=>HttpBackendWithSave,
+    resolveFsBackendConstructor: ()=>resolveFsBackendConstructor,
     useI18nextBackend: ()=>useI18nextBackend
 });
-const cjs_namespaceObject = require("i18next-fs-backend/cjs");
-var cjs_default = /*#__PURE__*/ __webpack_require__.n(cjs_namespaceObject);
+const external_i18next_fs_backend_namespaceObject = require("i18next-fs-backend");
+var external_i18next_fs_backend_default = /*#__PURE__*/ __webpack_require__.n(external_i18next_fs_backend_namespaceObject);
 const external_middleware_common_js_namespaceObject = require("./middleware.common.js");
-class FsBackendWithSave extends cjs_default() {
+const resolveFsBackendConstructor = (backendModule)=>{
+    const nestedDefault = backendModule?.default?.default;
+    const nestedModuleExports = backendModule?.default?.['module.exports'];
+    const candidates = [
+        backendModule,
+        backendModule?.default,
+        backendModule?.['module.exports'],
+        nestedDefault,
+        nestedModuleExports
+    ];
+    const Backend = candidates.find((candidate)=>'function' == typeof candidate);
+    if (!Backend) throw new Error('Failed to resolve i18next-fs-backend constructor for the i18n Node backend.');
+    return Backend;
+};
+const middleware_node_Backend = resolveFsBackendConstructor(external_i18next_fs_backend_default());
+class FsBackendWithSave extends middleware_node_Backend {
     save(_language, _namespace, _data) {}
 }
 const HttpBackendWithSave = FsBackendWithSave;
-const useI18nextBackend = (i18nInstance, backend)=>(0, external_middleware_common_js_namespaceObject.useI18nextBackendCommon)(i18nInstance, FsBackendWithSave, cjs_default(), backend);
+const useI18nextBackend = (i18nInstance, backend)=>(0, external_middleware_common_js_namespaceObject.useI18nextBackendCommon)(i18nInstance, FsBackendWithSave, middleware_node_Backend, backend);
 exports.FsBackendWithSave = __webpack_exports__.FsBackendWithSave;
 exports.HttpBackendWithSave = __webpack_exports__.HttpBackendWithSave;
+exports.resolveFsBackendConstructor = __webpack_exports__.resolveFsBackendConstructor;
 exports.useI18nextBackend = __webpack_exports__.useI18nextBackend;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FsBackendWithSave",
     "HttpBackendWithSave",
+    "resolveFsBackendConstructor",
     "useI18nextBackend"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/runtime/index.js

@@ -1,5 +1,31 @@
 "use strict";
-var __webpack_require__ = {};
+var __webpack_modules__ = {
+    "./core" (module) {
+        module.exports = require("./core.js");
+    },
+    "./i18n/react-i18next" (module) {
+        module.exports = require("./i18n/react-i18next.js");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -26,183 +52,28 @@ var __webpack_require__ = {};
     };
 })();
 var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    I18nLink: ()=>external_I18nLink_js_namespaceObject.I18nLink,
-    Link: ()=>external_Link_js_namespaceObject.Link,
-    buildLocalizedUrl: ()=>external_utils_js_namespaceObject.buildLocalizedUrl,
-    canonicalPath: ()=>external_localizedPaths_js_namespaceObject.canonicalPath,
-    default: ()=>runtime,
-    i18nPlugin: ()=>i18nPlugin,
-    localizePath: ()=>external_localizedPaths_js_namespaceObject.localizePath,
-    splitUrlTarget: ()=>external_utils_js_namespaceObject.splitUrlTarget,
-    useLocalizedLocation: ()=>external_localizedPaths_js_namespaceObject.useLocalizedLocation,
-    useLocalizedPaths: ()=>external_localizedPaths_js_namespaceObject.useLocalizedPaths,
-    useModernI18n: ()=>external_context_js_namespaceObject.useModernI18n
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const runtime_namespaceObject = require("@modern-js/runtime");
-const head_namespaceObject = require("@modern-js/runtime/head");
-const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
-const external_react_namespaceObject = require("react");
-const external_context_js_namespaceObject = require("./context.js");
-const external_hooks_js_namespaceObject = require("./hooks.js");
-const index_js_namespaceObject = require("./i18n/index.js");
-const backend_index_js_namespaceObject = require("./i18n/backend/index.js");
-const middleware_js_namespaceObject = require("./i18n/backend/middleware.js");
-const detection_index_js_namespaceObject = require("./i18n/detection/index.js");
-const detection_middleware_js_namespaceObject = require("./i18n/detection/middleware.js");
-const instance_js_namespaceObject = require("./i18n/instance.js");
-const utils_js_namespaceObject = require("./i18n/utils.js");
-const external_utils_js_namespaceObject = require("./utils.js");
-require("./types.js");
-const external_I18nLink_js_namespaceObject = require("./I18nLink.js");
-const external_Link_js_namespaceObject = require("./Link.js");
-const external_localizedPaths_js_namespaceObject = require("./localizedPaths.js");
-const i18nPlugin = (options)=>({
-        name: '@modern-js/plugin-i18n',
-        setup: (api)=>{
-            const { entryName, i18nInstance: userI18nInstance, initOptions, localeDetection, backend, htmlLangAttr = false, reactI18next = true } = options;
-            const { localePathRedirect = false, i18nextDetector = true, languages = [], fallbackLanguage = 'en', detection, ignoreRedirectRoutes, localisedUrls } = localeDetection || {};
-            const { enabled: backendEnabled = false } = backend || {};
-            let latestI18nInstance;
-            let I18nextProvider;
-            const loadReactI18nextIntegration = async ()=>{
-                if (!reactI18next) return null;
-                const { getReactI18nextIntegration } = await import("./i18n/react-i18next.js");
-                return getReactI18nextIntegration();
-            };
-            api.onBeforeRender(async (context)=>{
-                let i18nInstance = await (0, index_js_namespaceObject.getI18nInstance)(userI18nInstance);
-                const { i18n: otherConfig } = api.getRuntimeConfig();
-                const { initOptions: otherInitOptions } = otherConfig || {};
-                const userInitOptions = (0, merge_namespaceObject.merge)(otherInitOptions || {}, initOptions || {});
-                const reactI18nextIntegration = await loadReactI18nextIntegration();
-                I18nextProvider = reactI18nextIntegration?.I18nextProvider ?? null;
-                if (reactI18nextIntegration?.initReactI18next) i18nInstance.use(reactI18nextIntegration.initReactI18next);
-                const pathname = (0, external_utils_js_namespaceObject.getPathname)(context);
-                if (i18nextDetector) (0, detection_middleware_js_namespaceObject.useI18nextLanguageDetector)(i18nInstance);
-                const mergedDetection = (0, detection_index_js_namespaceObject.mergeDetectionOptions)(i18nextDetector, detection, localePathRedirect, userInitOptions);
-                const mergedBackend = (0, backend_index_js_namespaceObject.mergeBackendOptions)(backend, userInitOptions);
-                const hasSdkConfig = 'function' == typeof userInitOptions?.backend?.sdk || mergedBackend?.sdk && 'function' == typeof mergedBackend.sdk;
-                if (mergedBackend && (backendEnabled || hasSdkConfig)) (0, middleware_js_namespaceObject.useI18nextBackend)(i18nInstance, mergedBackend);
-                const { finalLanguage } = await (0, detection_index_js_namespaceObject.detectLanguageWithPriority)(i18nInstance, {
-                    languages,
-                    fallbackLanguage,
-                    localePathRedirect,
-                    i18nextDetector,
-                    detection,
-                    userInitOptions,
-                    mergedBackend,
-                    pathname,
-                    ssrContext: context.ssrContext
-                });
-                await (0, utils_js_namespaceObject.initializeI18nInstance)(i18nInstance, finalLanguage, fallbackLanguage, languages, mergedDetection, mergedBackend, userInitOptions);
-                if (!(0, runtime_namespaceObject.isBrowser)() && i18nInstance.cloneInstance) {
-                    i18nInstance = i18nInstance.cloneInstance();
-                    await (0, utils_js_namespaceObject.setupClonedInstance)(i18nInstance, finalLanguage, fallbackLanguage, languages, backendEnabled, backend, i18nextDetector, detection, localePathRedirect, userInitOptions);
-                }
-                if (localePathRedirect) await (0, utils_js_namespaceObject.ensureLanguageMatch)(i18nInstance, finalLanguage);
-                if (!(0, runtime_namespaceObject.isBrowser)()) (0, detection_index_js_namespaceObject.exportServerLngToWindow)(context, finalLanguage);
-                context.i18nInstance = i18nInstance;
-                latestI18nInstance = i18nInstance;
-                context.changeLanguage = async (newLang)=>{
-                    await (0, utils_js_namespaceObject.changeI18nLanguage)(i18nInstance, newLang, {
-                        detectionOptions: mergedDetection
-                    });
-                };
-            });
-            api.wrapRoot((App)=>(props)=>{
-                    const runtimeContext = (0, external_react_namespaceObject.useContext)(runtime_namespaceObject.RuntimeContext);
-                    const i18nInstance = runtimeContext.i18nInstance || latestI18nInstance;
-                    const initialLang = (0, external_react_namespaceObject.useMemo)(()=>i18nInstance?.language || (localeDetection?.fallbackLanguage ?? 'en'), [
-                        i18nInstance?.language,
-                        localeDetection?.fallbackLanguage
-                    ]);
-                    const [lang, setLang] = (0, external_react_namespaceObject.useState)(initialLang);
-                    const [forceUpdate, setForceUpdate] = (0, external_react_namespaceObject.useState)(0);
-                    const prevLangRef = (0, external_react_namespaceObject.useRef)(lang);
-                    const runtimeContextRef = (0, external_react_namespaceObject.useRef)(runtimeContext);
-                    runtimeContextRef.current = runtimeContext;
-                    (0, external_react_namespaceObject.useEffect)(()=>{
-                        if (i18nInstance?.language) {
-                            const translator = i18nInstance.translator;
-                            if (translator) translator.language = i18nInstance.language;
-                        }
-                    }, [
-                        i18nInstance?.language
-                    ]);
-                    (0, external_react_namespaceObject.useEffect)(()=>{
-                        prevLangRef.current = lang;
-                    }, [
-                        lang
-                    ]);
-                    (0, external_hooks_js_namespaceObject.useSdkResourcesLoader)(i18nInstance, setForceUpdate);
-                    (0, external_hooks_js_namespaceObject.useLanguageSync)(i18nInstance, localePathRedirect, languages, runtimeContextRef, prevLangRef, setLang);
-                    (0, external_hooks_js_namespaceObject.useClientSideRedirect)(i18nInstance, localePathRedirect, languages, fallbackLanguage, ignoreRedirectRoutes, localisedUrls);
-                    const contextValue = (0, external_react_namespaceObject.useMemo)(()=>(0, external_hooks_js_namespaceObject.createContextValue)(lang, i18nInstance, entryName, languages, localePathRedirect, ignoreRedirectRoutes, localisedUrls, setLang), [
-                        lang,
-                        i18nInstance,
-                        entryName,
-                        languages,
-                        localePathRedirect,
-                        ignoreRedirectRoutes,
-                        localisedUrls,
-                        forceUpdate
-                    ]);
-                    const children = props.children;
-                    const appContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-                        children: [
-                            Boolean(htmlLangAttr) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(head_namespaceObject.Helmet, {
-                                htmlAttributes: {
-                                    lang
-                                }
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_context_js_namespaceObject.ModernI18nProvider, {
-                                value: contextValue,
-                                children: App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
-                                    ...props,
-                                    children: children
-                                }) : children
-                            })
-                        ]
-                    });
-                    if (!i18nInstance) return appContent;
-                    if (I18nextProvider) {
-                        const i18nextInstanceForProvider = (0, instance_js_namespaceObject.getI18nextInstanceForProvider)(i18nInstance);
-                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(I18nextProvider, {
-                            i18n: i18nextInstanceForProvider,
-                            children: appContent
-                        });
-                    }
-                    return appContent;
-                });
-        }
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    var _core__rspack_import_0 = __webpack_require__("./core");
+    var _i18n_react_i18next__rspack_import_1 = __webpack_require__("./i18n/react-i18next");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _core__rspack_import_0)if ([
+        "i18nPlugin",
+        "default"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_core__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    const i18nPlugin = (0, _core__rspack_import_0.createI18nPlugin)(_i18n_react_i18next__rspack_import_1.getReactI18nextIntegration);
+    const __rspack_default_export = i18nPlugin;
+    __webpack_require__.d(__webpack_exports__, {}, {
+        default: __rspack_default_export,
+        i18nPlugin: i18nPlugin
     });
-const runtime = i18nPlugin;
-exports.I18nLink = __webpack_exports__.I18nLink;
-exports.Link = __webpack_exports__.Link;
-exports.buildLocalizedUrl = __webpack_exports__.buildLocalizedUrl;
-exports.canonicalPath = __webpack_exports__.canonicalPath;
+})();
 exports["default"] = __webpack_exports__["default"];
 exports.i18nPlugin = __webpack_exports__.i18nPlugin;
-exports.localizePath = __webpack_exports__.localizePath;
-exports.splitUrlTarget = __webpack_exports__.splitUrlTarget;
-exports.useLocalizedLocation = __webpack_exports__.useLocalizedLocation;
-exports.useLocalizedPaths = __webpack_exports__.useLocalizedPaths;
-exports.useModernI18n = __webpack_exports__.useModernI18n;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "I18nLink",
-    "Link",
-    "buildLocalizedUrl",
-    "canonicalPath",
     "default",
-    "i18nPlugin",
-    "localizePath",
-    "splitUrlTarget",
-    "useLocalizedLocation",
-    "useLocalizedPaths",
-    "useModernI18n"
+    "i18nPlugin"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/cjs/runtime/no-react-i18next.js

@@ -0,0 +1,76 @@
+"use strict";
+var __webpack_modules__ = {
+    "./core" (module) {
+        module.exports = require("./core.js");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __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__);
+    var _core__rspack_import_0 = __webpack_require__("./core");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _core__rspack_import_0)if ([
+        "i18nPlugin",
+        "default"
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_core__rspack_import_0[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    const i18nPlugin = (0, _core__rspack_import_0.createI18nPlugin)();
+    const __rspack_default_export = i18nPlugin;
+    __webpack_require__.d(__webpack_exports__, {}, {
+        default: __rspack_default_export,
+        i18nPlugin: i18nPlugin
+    });
+})();
+exports["default"] = __webpack_exports__["default"];
+exports.i18nPlugin = __webpack_exports__.i18nPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default",
+    "i18nPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/esm/cli/index.mjs

@@ -31,9 +31,10 @@ const i18nPlugin = (options = {})=>({
                     backend: backendOptions,
                     ...extendedConfig
                 };
+                const runtimePluginPath = customPlugin?.runtime?.path || (false === config.reactI18next ? `@${metaName}/plugin-i18n/runtime/no-react-i18next` : `@${metaName}/plugin-i18n/runtime`);
                 plugins.push({
                     name: customPlugin?.runtime?.name || 'i18n',
-                    path: customPlugin?.runtime?.path || `@${metaName}/plugin-i18n/runtime`,
+                    path: runtimePluginPath,
                     config
                 });
                 return {

package/dist/esm/runtime/context.mjs

@@ -89,6 +89,13 @@ const useModernI18n = ()=>{
         navigate,
         location
     ]);
+    const t = useCallback((key, ...args)=>{
+        if ('function' != typeof i18nInstance.t) throw new Error('i18nInstance.t is required');
+        return i18nInstance.t(key, ...args);
+    }, [
+        currentLanguage,
+        i18nInstance
+    ]);
     const isLanguageSupported = useCallback((lang)=>languages?.includes(lang) || false, [
         languages
     ]);
@@ -122,6 +129,7 @@ const useModernI18n = ()=>{
     return {
         language: currentLanguage,
         changeLanguage,
+        t,
         i18nInstance,
         supportedLanguages: languages || [],
         localisedUrls,