@i18n-micro/astro 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -87,18 +87,13 @@ function v() {
   return j;
 }
 function U(n) {
-  const {
-    locale: e,
-    fallbackLocale: s,
-    translationDir: o,
-    routingStrategy: i
-  } = n;
+  const { locale: e, fallbackLocale: s, translationDir: o, routingStrategy: i } = n;
   return j = i || null, {
     name: "@i18n-micro/astro",
     hooks: {
       // 1. Настройка Vite (Виртуальный модуль) происходит здесь
       "astro:config:setup": (c) => {
-        const { updateConfig: f } = c, t = "virtual:i18n-micro/config", l = "\0" + t, r = {
+        const { updateConfig: f } = c, t = "virtual:i18n-micro/config", l = `\0${t}`, r = {
           defaultLocale: e,
           fallbackLocale: s || e,
           locales: n.locales || [],
@@ -157,7 +152,39 @@ function U(n) {
 function E(n) {
   return new S(n);
 }
-function J(n) {
+function M(n) {
+  const { translationDir: e, rootDir: s = process.cwd(), disablePageLocales: o = !1 } = n, i = O(s, e);
+  if (!R(i))
+    return console.warn(`[i18n] Translation directory not found: ${i}`), { general: {}, routes: {} };
+  const c = {}, f = {}, t = (l, r = "") => {
+    if (!R(l)) return;
+    const a = _(l);
+    for (const u of a) {
+      const h = q(l, u);
+      if (C(h).isDirectory())
+        u === "pages" && !o ? t(h, "") : r || o ? t(h, r) : t(h, u);
+      else if (u.endsWith(".json")) {
+        const m = u.replace(".json", "");
+        try {
+          const g = N(h, "utf-8"), p = JSON.parse(g);
+          r && !o ? (f[r] || (f[r] = {}), f[r][m] = p) : c[m] = p;
+        } catch (g) {
+          console.error(`[i18n] Failed to load translation file: ${h}`, g);
+        }
+      }
+    }
+  };
+  return t(i), { general: c, routes: f };
+}
+function J(n, e) {
+  const { general: s, routes: o } = M(e);
+  for (const [i, c] of Object.entries(s))
+    n.addTranslations(i, c, !1);
+  for (const [i, c] of Object.entries(o))
+    for (const [f, t] of Object.entries(c))
+      n.addRouteTranslations(f, i, t, !1);
+}
+function V(n) {
   const {
     i18n: e,
     // Это глобальный синглтон с кэшем
@@ -190,7 +217,7 @@ function J(n) {
     return L.setRoute(b), r.locals.i18n = L, r.locals.locale = P, r.locals.defaultLocale = s, r.locals.locales = i || o.map((y) => ({ code: y })), r.locals.currentUrl = u, r.locals.routingStrategy = d, a();
   };
 }
-function M(n) {
+function W(n) {
   const e = [], s = n.split(",");
   for (const o of s) {
     const [i, c = "1.0"] = o.trim().split(";q=");
@@ -201,7 +228,7 @@ function M(n) {
   }
   return e;
 }
-function V(n, e, s, o, i, c = "i18n-locale") {
+function K(n, e, s, o, i, c = "i18n-locale") {
   const f = v();
   let t = o;
   if (f?.getLocaleFromPath)
@@ -218,7 +245,7 @@ function V(n, e, s, o, i, c = "i18n-locale") {
     try {
       const l = s.get("accept-language");
       if (l) {
-        const r = M(l);
+        const r = W(l);
         for (const a of r)
           if (i.includes(a)) {
             t = a;
@@ -229,6 +256,89 @@ function V(n, e, s, o, i, c = "i18n-locale") {
     }
   return t;
 }
+function Q(n, e, s) {
+  const o = n.map((a) => a.code), i = (a, u = []) => {
+    const h = a.replace(/^\//, "").replace(/\/$/, "");
+    if (!h)
+      return "index";
+    const d = h.split("/").filter(Boolean), m = d[0];
+    return m && u.includes(m) && d.shift(), d.length === 0 ? "index" : d.join("-");
+  }, c = (a, u = "en", h = []) => {
+    const m = a.split("/").filter(Boolean)[0];
+    return m && h.includes(m) ? m : u;
+  }, f = (a, u, h = [], d) => {
+    const m = a.split("/").filter(Boolean), g = m[0];
+    return g && h.includes(g) && m.shift(), (u !== d || d === void 0) && m.unshift(u), `/${m.join("/")}`;
+  }, t = (a, u, h = [], d) => {
+    const g = (a.replace(/^\//, "").replace(/\/$/, "") || "").split("/").filter(Boolean), p = g[0];
+    return p && h.includes(p) && g.shift(), (u !== d || d === void 0) && g.unshift(u), `/${g.join("/")}`;
+  };
+  return {
+    getCurrentPath: () => s ? s().pathname : typeof window < "u" ? window.location.pathname : "/",
+    getRouteName: i,
+    getLocaleFromPath: c,
+    switchLocalePath: f,
+    localizePath: t,
+    removeLocaleFromPath: (a, u = []) => {
+      const h = a.split("/").filter(Boolean), d = h[0];
+      return d && u.includes(d) && h.shift(), `/${h.join("/")}`;
+    },
+    resolvePath: (a, u) => {
+      const h = typeof a == "string" ? a : a.path || "/";
+      return t(h, u, o, e);
+    },
+    getRoute: () => {
+      if (s) {
+        const a = s();
+        return {
+          fullPath: a.pathname + a.search,
+          query: Object.fromEntries(a.searchParams)
+        };
+      }
+      if (typeof window < "u") {
+        const a = new URL(window.location.href);
+        return {
+          fullPath: a.pathname + a.search,
+          query: Object.fromEntries(a.searchParams)
+        };
+      }
+      return {
+        fullPath: "/",
+        query: {}
+      };
+    },
+    // Optional: client-side navigation for islands
+    push: (a) => {
+      typeof window < "u" && (window.location.href = a.path);
+    },
+    replace: (a) => {
+      typeof window < "u" && window.location.replace(a.path);
+    }
+  };
+}
+function X(n, e = []) {
+  const s = n.replace(/^\//, "").replace(/\/$/, "");
+  if (!s)
+    return "index";
+  const o = s.split("/").filter(Boolean), i = o[0];
+  return i && e.includes(i) && o.shift(), o.length === 0 ? "index" : o.join("-");
+}
+function Y(n, e = "en", s = []) {
+  const i = n.split("/").filter(Boolean)[0];
+  return i && s.includes(i) ? i : e;
+}
+function Z(n, e, s = [], o) {
+  const i = n.split("/").filter(Boolean), c = i[0];
+  return c && s.includes(c) && i.shift(), (e !== o || o === void 0) && i.unshift(e), `/${i.join("/")}`;
+}
+function x(n, e, s = [], o) {
+  const c = (n.replace(/^\//, "").replace(/\/$/, "") || "").split("/").filter(Boolean), f = c[0];
+  return f && s.includes(f) && c.shift(), (e !== o || o === void 0) && c.unshift(e), `/${c.join("/")}`;
+}
+function ee(n, e = []) {
+  const s = n.split("/").filter(Boolean), o = s[0];
+  return o && e.includes(o) && s.shift(), `/${s.join("/")}`;
+}
 function k(n) {
   const e = n.locals.i18n;
   if (!e)
@@ -247,7 +357,7 @@ function $(n) {
 function D(n) {
   return n.locals.routingStrategy || null;
 }
-function K(n) {
+function te(n) {
   const e = k(n), s = T(n), o = w(n), i = $(n), c = i.map((t) => t.code), f = D(n);
   return {
     // Current locale
@@ -318,12 +428,8 @@ function K(n) {
     }
   };
 }
-function Q(n, e = {}) {
-  const {
-    baseUrl: s = "/",
-    addDirAttribute: o = !0,
-    addSeoAttributes: i = !0
-  } = e, c = T(n), f = w(n), t = $(n), l = t.find((g) => g.code === c);
+function ne(n, e = {}) {
+  const { baseUrl: s = "/", addDirAttribute: o = !0, addSeoAttributes: i = !0 } = e, c = T(n), f = w(n), t = $(n), l = t.find((g) => g.code === c);
   if (!l)
     return { htmlAttrs: {}, link: [], meta: [] };
   const r = l.iso || c, a = l.dir || "auto", u = {
@@ -376,7 +482,7 @@ function Q(n, e = {}) {
     });
   return u;
 }
-function W(n, e, s) {
+function A(n, e, s) {
   const o = e.split(".");
   let i = n;
   for (let f = 0; f < o.length - 1; f++) {
@@ -386,13 +492,13 @@ function W(n, e, s) {
   const c = o[o.length - 1];
   c !== void 0 && (i[c] = s);
 }
-function X(n, e) {
+function oe(n, e) {
   const s = k(n), o = T(n), i = w(n), c = s.getRoute(), f = {};
   if (e && e.length > 0) {
     const t = {};
     for (const l of e) {
       const r = s.t(l, void 0, void 0, c);
-      r != null && r !== l && W(t, l, r);
+      r != null && r !== l && A(t, l, r);
     }
     Object.keys(t).length > 0 && (f[c] = t);
   } else {
@@ -406,143 +512,28 @@ function X(n, e) {
     translations: f
   };
 }
-function Y(n, e, s) {
-  const o = n.map((a) => a.code), i = (a, u = []) => {
-    const h = a.replace(/^\//, "").replace(/\/$/, "");
-    if (!h)
-      return "index";
-    const d = h.split("/").filter(Boolean), m = d[0];
-    return m && u.includes(m) && d.shift(), d.length === 0 ? "index" : d.join("-");
-  }, c = (a, u = "en", h = []) => {
-    const m = a.split("/").filter(Boolean)[0];
-    return m && h.includes(m) ? m : u;
-  }, f = (a, u, h = [], d) => {
-    const m = a.split("/").filter(Boolean), g = m[0];
-    return g && h.includes(g) && m.shift(), (u !== d || d === void 0) && m.unshift(u), `/${m.join("/")}`;
-  }, t = (a, u, h = [], d) => {
-    const g = (a.replace(/^\//, "").replace(/\/$/, "") || "").split("/").filter(Boolean), p = g[0];
-    return p && h.includes(p) && g.shift(), (u !== d || d === void 0) && g.unshift(u), `/${g.join("/")}`;
-  };
-  return {
-    getCurrentPath: () => s ? s().pathname : typeof window < "u" ? window.location.pathname : "/",
-    getRouteName: i,
-    getLocaleFromPath: c,
-    switchLocalePath: f,
-    localizePath: t,
-    removeLocaleFromPath: (a, u = []) => {
-      const h = a.split("/").filter(Boolean), d = h[0];
-      return d && u.includes(d) && h.shift(), `/${h.join("/")}`;
-    },
-    resolvePath: (a, u) => {
-      const h = typeof a == "string" ? a : a.path || "/";
-      return t(h, u, o, e);
-    },
-    getRoute: () => {
-      if (s) {
-        const a = s();
-        return {
-          fullPath: a.pathname + a.search,
-          query: Object.fromEntries(a.searchParams)
-        };
-      }
-      if (typeof window < "u") {
-        const a = new URL(window.location.href);
-        return {
-          fullPath: a.pathname + a.search,
-          query: Object.fromEntries(a.searchParams)
-        };
-      }
-      return {
-        fullPath: "/",
-        query: {}
-      };
-    },
-    // Optional: client-side navigation for islands
-    push: (a) => {
-      typeof window < "u" && (window.location.href = a.path);
-    },
-    replace: (a) => {
-      typeof window < "u" && window.location.replace(a.path);
-    }
-  };
-}
-function Z(n, e = []) {
-  const s = n.replace(/^\//, "").replace(/\/$/, "");
-  if (!s)
-    return "index";
-  const o = s.split("/").filter(Boolean), i = o[0];
-  return i && e.includes(i) && o.shift(), o.length === 0 ? "index" : o.join("-");
-}
-function x(n, e = "en", s = []) {
-  const i = n.split("/").filter(Boolean)[0];
-  return i && s.includes(i) ? i : e;
-}
-function ee(n, e, s = [], o) {
-  const i = n.split("/").filter(Boolean), c = i[0];
-  return c && s.includes(c) && i.shift(), (e !== o || o === void 0) && i.unshift(e), `/${i.join("/")}`;
-}
-function te(n, e, s = [], o) {
-  const c = (n.replace(/^\//, "").replace(/\/$/, "") || "").split("/").filter(Boolean), f = c[0];
-  return f && s.includes(f) && c.shift(), (e !== o || o === void 0) && c.unshift(e), `/${c.join("/")}`;
-}
-function ne(n, e = []) {
-  const s = n.split("/").filter(Boolean), o = s[0];
-  return o && e.includes(o) && s.shift(), `/${s.join("/")}`;
-}
-function A(n) {
-  const { translationDir: e, rootDir: s = process.cwd(), disablePageLocales: o = !1 } = n, i = O(s, e);
-  if (!R(i))
-    return console.warn(`[i18n] Translation directory not found: ${i}`), { general: {}, routes: {} };
-  const c = {}, f = {}, t = (l, r = "") => {
-    if (!R(l)) return;
-    const a = _(l);
-    for (const u of a) {
-      const h = q(l, u);
-      if (C(h).isDirectory())
-        u === "pages" && !o ? t(h, "") : r || o ? t(h, r) : t(h, u);
-      else if (u.endsWith(".json")) {
-        const m = u.replace(".json", "");
-        try {
-          const g = N(h, "utf-8"), p = JSON.parse(g);
-          r && !o ? (f[r] || (f[r] = {}), f[r][m] = p) : c[m] = p;
-        } catch (g) {
-          console.error(`[i18n] Failed to load translation file: ${h}`, g);
-        }
-      }
-    }
-  };
-  return t(i), { general: c, routes: f };
-}
-function oe(n, e) {
-  const { general: s, routes: o } = A(e);
-  for (const [i, c] of Object.entries(s))
-    n.addTranslations(i, c, !1);
-  for (const [i, c] of Object.entries(o))
-    for (const [f, t] of Object.entries(c))
-      n.addRouteTranslations(f, i, t, !1);
-}
 export {
   S as AstroI18n,
   le as FormatService,
-  Y as createAstroRouterAdapter,
+  Q as createAstroRouterAdapter,
   E as createI18n,
-  J as createI18nMiddleware,
+  V as createI18nMiddleware,
   re as defaultPlural,
-  V as detectLocale,
+  K as detectLocale,
   w as getDefaultLocale,
   k as getI18n,
-  X as getI18nProps,
+  oe as getI18nProps,
   T as getLocale,
-  x as getLocaleFromPath,
+  Y as getLocaleFromPath,
   $ as getLocales,
-  Z as getRouteName,
+  X as getRouteName,
   U as i18nIntegration,
   ie as interpolate,
-  A as loadTranslationsFromDir,
-  oe as loadTranslationsIntoI18n,
-  te as localizePath,
-  ne as removeLocaleFromPath,
-  ee as switchLocalePath,
-  K as useI18n,
-  Q as useLocaleHead
+  M as loadTranslationsFromDir,
+  J as loadTranslationsIntoI18n,
+  x as localizePath,
+  ee as removeLocaleFromPath,
+  Z as switchLocalePath,
+  te as useI18n,
+  ne as useLocaleHead
 };

package/dist/integration.d.ts

@@ -1,6 +1,6 @@
+import { Locale, ModuleOptions, PluralFunc } from '@i18n-micro/types';
 import { AstroIntegration } from 'astro';
 import { AstroI18n, AstroI18nOptions } from './composer';
-import { Locale, ModuleOptions, PluralFunc } from '@i18n-micro/types';
 import { I18nRoutingStrategy } from './router/types';
 export interface I18nIntegrationOptions extends Omit<ModuleOptions, 'plural'> {
     locale: string;

package/dist/middleware.d.ts

@@ -1,6 +1,6 @@
-import { AstroI18n } from './composer';
-import { MiddlewareHandler } from 'astro';
 import { Locale } from '@i18n-micro/types';
+import { MiddlewareHandler } from 'astro';
+import { AstroI18n } from './composer';
 import { I18nRoutingStrategy } from './router/types';
 export interface I18nMiddlewareOptions {
     i18n: AstroI18n;

package/dist/router/adapter.d.ts

@@ -1,5 +1,5 @@
-import { I18nRoutingStrategy } from './types';
 import { Locale } from '@i18n-micro/types';
+import { I18nRoutingStrategy } from './types';
 /**
  * Factory for Astro router adapter
  * Implements routing utilities for Astro file-based routing

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
-import { AstroI18n } from './composer';
-import { Params, Locale, CleanTranslation, TranslationKey, Translations } from '@i18n-micro/types';
+import { CleanTranslation, Locale, Params, TranslationKey, Translations } from '@i18n-micro/types';
 import { AstroGlobal } from 'astro';
+import { AstroI18n } from './composer';
 /**
  * Get i18n instance from Astro context
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i18n-micro/astro",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -51,9 +51,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@i18n-micro/core": "1.1.0",
-    "@i18n-micro/node": "1.1.0",
-    "@i18n-micro/types": "1.1.0"
+    "@i18n-micro/core": "1.1.2",
+    "@i18n-micro/types": "1.1.1",
+    "@i18n-micro/node": "1.1.1"
   },
   "peerDependencies": {
     "astro": "^5.16.5",

package/src/client/core.ts

@@ -1,5 +1,5 @@
-import type { Translations, Params } from '@i18n-micro/types'
 import { interpolate } from '@i18n-micro/core'
+import type { Params, Translations } from '@i18n-micro/types'
 
 /**
  * Состояние i18n для клиентских островов
@@ -23,15 +23,13 @@ function findTranslation<T = unknown>(translations: Translations | null, key: st
   // Прямой доступ к ключу
   if (translations[key]) {
     value = translations[key]
-  }
-  else {
+  } else {
     // Поиск по вложенным ключам (например, "nested.message")
     const parts = key.toString().split('.')
     for (const part of parts) {
       if (value && typeof value === 'object' && value !== null && part in value) {
         value = (value as Translations)[part]
-      }
-      else {
+      } else {
         return null
       }
     }
@@ -76,7 +74,7 @@ export function translate(
 
   // 3. Если не найдено, используем defaultValue или key
   if (!value) {
-    value = defaultValue === undefined ? key : (defaultValue || key)
+    value = defaultValue === undefined ? key : defaultValue || key
   }
 
   // 4. Интерполяция параметров (только для строк)
@@ -92,11 +90,7 @@ export function translate(
 /**
  * Проверяет наличие перевода в состоянии
  */
-export function hasTranslation(
-  state: I18nState,
-  key: string,
-  routeName?: string,
-): boolean {
+export function hasTranslation(state: I18nState, key: string, routeName?: string): boolean {
   const route = routeName || state.currentRoute
   const routeTranslations = state.translations[route]
   const generalTranslations = state.translations.general

package/src/client/index.ts

@@ -1,15 +1,13 @@
 // Core utilities (чистые функции)
-export { translate, hasTranslation } from './core'
-export type { I18nState } from './core'
-
-// Vue adapter
-export { provideI18n, useAstroI18n as useAstroI18nVue } from './vue'
-
-// React adapter
-export { I18nProvider, useAstroI18n as useAstroI18nReact } from './react'
 
+export type { I18nState } from './core'
+export { hasTranslation, translate } from './core'
 // Preact adapter
 export { I18nProvider as I18nProviderPreact, useAstroI18n as useAstroI18nPreact } from './preact'
 
+// React adapter
+export { I18nProvider, useAstroI18n as useAstroI18nReact } from './react'
 // Svelte adapter
 export { createI18nStore, useAstroI18n as useAstroI18nSvelte } from './svelte'
+// Vue adapter
+export { provideI18n, useAstroI18n as useAstroI18nVue } from './vue'

package/src/client/preact.tsx

@@ -1,11 +1,12 @@
 // Preact может использовать React Context API, так как Preact совместим с React
+
+import { defaultPlural, FormatService } from '@i18n-micro/core'
+import type { CleanTranslation, Params, TranslationKey } from '@i18n-micro/types'
 import type { ComponentChildren } from 'preact'
 import { createContext, createElement } from 'preact'
-import { useContext, useState, useMemo } from 'preact/hooks'
+import { useContext, useMemo, useState } from 'preact/hooks'
 import type { I18nClientProps } from '../utils'
-import { translate, hasTranslation, type I18nState } from './core'
-import { defaultPlural, FormatService } from '@i18n-micro/core'
-import type { Params, TranslationKey, CleanTranslation } from '@i18n-micro/types'
+import { hasTranslation, type I18nState, translate } from './core'
 
 const formatter = new FormatService()
 
@@ -14,7 +15,7 @@ const I18nContext = createContext<I18nState | null>(null)
 /**
  * Провайдер для i18n в Preact островах
  */
-export const I18nProvider = ({ children, value }: { children: ComponentChildren, value: I18nClientProps }) => {
+export const I18nProvider = ({ children, value }: { children: ComponentChildren; value: I18nClientProps }) => {
   const [state] = useState<I18nState>(() => ({
     locale: value.locale,
     fallbackLocale: value.fallbackLocale,
@@ -34,62 +35,74 @@ export function useAstroI18n() {
     throw new Error('useAstroI18n must be used within an I18nProvider')
   }
 
-  const t = useMemo(() => (
-    key: TranslationKey,
-    params?: Params,
-    defaultValue?: string | null,
-    routeName?: string,
-  ): CleanTranslation => {
-    return translate(state, key as string, params, defaultValue, routeName)
-  }, [state])
-
-  const ts = useMemo(() => (
-    key: TranslationKey,
-    params?: Params,
-    defaultValue?: string,
-    routeName?: string,
-  ): string => {
-    const value = t(key, params, defaultValue, routeName)
-    return value?.toString() ?? defaultValue ?? (key as string)
-  }, [t])
-
-  const tc = useMemo(() => (key: TranslationKey, count: number | Params, defaultValue?: string): string => {
-    const { count: countValue, ...params } = typeof count === 'number' ? { count } : count
-
-    if (countValue === undefined) {
-      return defaultValue ?? (key as string)
-    }
-
-    const getter = (k: TranslationKey, p?: Params, dv?: string) => {
-      return t(k, p, dv)
-    }
-
-    const result = defaultPlural(
-      key,
-      Number.parseInt(countValue.toString(), 10),
-      params,
-      state.locale,
-      getter,
-    )
-
-    return result ?? defaultValue ?? (key as string)
-  }, [t, state])
-
-  const tn = useMemo(() => (value: number, options?: Intl.NumberFormatOptions): string => {
-    return formatter.formatNumber(value, state.locale, options)
-  }, [state.locale])
-
-  const td = useMemo(() => (value: Date | number | string, options?: Intl.DateTimeFormatOptions): string => {
-    return formatter.formatDate(value, state.locale, options)
-  }, [state.locale])
-
-  const tdr = useMemo(() => (value: Date | number | string, options?: Intl.RelativeTimeFormatOptions): string => {
-    return formatter.formatRelativeTime(value, state.locale, options)
-  }, [state.locale])
-
-  const has = useMemo(() => (key: TranslationKey, routeName?: string): boolean => {
-    return hasTranslation(state, key as string, routeName)
-  }, [state])
+  const t = useMemo(
+    () =>
+      (key: TranslationKey, params?: Params, defaultValue?: string | null, routeName?: string): CleanTranslation => {
+        return translate(state, key as string, params, defaultValue, routeName)
+      },
+    [state],
+  )
+
+  const ts = useMemo(
+    () =>
+      (key: TranslationKey, params?: Params, defaultValue?: string, routeName?: string): string => {
+        const value = t(key, params, defaultValue, routeName)
+        return value?.toString() ?? defaultValue ?? (key as string)
+      },
+    [t],
+  )
+
+  const tc = useMemo(
+    () =>
+      (key: TranslationKey, count: number | Params, defaultValue?: string): string => {
+        const { count: countValue, ...params } = typeof count === 'number' ? { count } : count
+
+        if (countValue === undefined) {
+          return defaultValue ?? (key as string)
+        }
+
+        const getter = (k: TranslationKey, p?: Params, dv?: string) => {
+          return t(k, p, dv)
+        }
+
+        const result = defaultPlural(key, Number.parseInt(countValue.toString(), 10), params, state.locale, getter)
+
+        return result ?? defaultValue ?? (key as string)
+      },
+    [t, state],
+  )
+
+  const tn = useMemo(
+    () =>
+      (value: number, options?: Intl.NumberFormatOptions): string => {
+        return formatter.formatNumber(value, state.locale, options)
+      },
+    [state.locale],
+  )
+
+  const td = useMemo(
+    () =>
+      (value: Date | number | string, options?: Intl.DateTimeFormatOptions): string => {
+        return formatter.formatDate(value, state.locale, options)
+      },
+    [state.locale],
+  )
+
+  const tdr = useMemo(
+    () =>
+      (value: Date | number | string, options?: Intl.RelativeTimeFormatOptions): string => {
+        return formatter.formatRelativeTime(value, state.locale, options)
+      },
+    [state.locale],
+  )
+
+  const has = useMemo(
+    () =>
+      (key: TranslationKey, routeName?: string): boolean => {
+        return hasTranslation(state, key as string, routeName)
+      },
+    [state],
+  )
 
   return {
     // Translation methods