react-intlayer
Version:
Easily internationalize i18n your React applications with type-safe multilingual content management.
38 lines (36 loc) • 1.51 kB
JavaScript
const require_getIntlayer = require('../getIntlayer.cjs');
const require_server_serverContext = require('./serverContext.cjs');
const require_server_IntlayerServerProvider = require('./IntlayerServerProvider.cjs');
//#region src/server/useI18n.ts
/**
* Hook that provides a translation function `t()` for accessing nested content by key.
* This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.
*
* @param namespace - The dictionary key to scope translations to
* @param locale - Optional locale override. If not provided, uses the current context locale
* @returns A translation function `t(key)` that returns the translated content for the given key
*
* @example
* ```tsx
* const t = useI18n('IndexPage');
* const title = t('title'); // Returns translated string for 'IndexPage.title'
* const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'
* ```
*/
const useI18n = (namespace, locale) => {
const dictionaryContent = require_getIntlayer.getIntlayer(namespace, locale ?? require_server_serverContext.getServerContext(require_server_IntlayerServerProvider.IntlayerServerContext));
const t = (path) => {
if (!path) return dictionaryContent;
const pathArray = path.split(".");
let current = dictionaryContent;
for (const key of pathArray) {
current = current?.[key];
if (current === void 0) return dictionaryContent;
}
return current;
};
return t;
};
//#endregion
exports.useI18n = useI18n;
//# sourceMappingURL=useI18n.cjs.map