← All @molecule/* packages · App templates

@molecule/app-locales-react

Translations · i18n · App (browser) · v1.0.1 · Apache-2.0

Translations for @molecule/app-react in 79 languages

npm install @molecule/app-locales-react

npm · Source on GitHub

How it works

@molecule/app-locales-react carries the translations for the i18n package on the app (browser) side. Install it beside that package and the i18n core picks the strings up by locale.

import { af, am, ar } from '@molecule/app-locales-react'
import type { ReactTranslationKey, ReactTranslations } from '@molecule/app-locales-react'

Works with: @molecule/app-i18n

Reference

Auto-generated, AI-first package reference for the molecule.dev ecosystem. It is written to be read by coding agents as much as by people, and is generated from this package's source — edit src/index.ts JSDoc, not this file.

Translations for @molecule/app-react in 79 languages

Purpose

Provides translations for the @molecule/app-react package which has 15 translation keys.

Languages

79 languages supported: af, am, ar, az, be, bg, bn, bs, ca, cs, cy, da, de, el, en, es, et, eu, fa, fi, fil, fr, ga, gl, gu, ha, he, hi, hr, hu, hy, id, ig, is, it, ja, ka, kk, km, kn, ko, ky, lo, lt, lv, mk, ml, mn, mr, ms, mt, my, nb, ne, nl, pa, pl, pt, ro, ru, si, sk, sl, sq, sr, sv, sw, ta, te, th, tr, uk, ur, uz, vi, yo, zh, zh-TW, zu.

Quick Start

import { af, am, ar } from '@molecule/app-locales-react'
import type { ReactTranslationKey, ReactTranslations } from '@molecule/app-locales-react'

Registration

In an mlcl-scaffolded app, installed locale bonds are registered automatically by the app's i18n setup at startup — installing this package is normally all you need. To register manually (or in a custom app), pass the whole module to registerLocaleModule from @molecule/app-i18n at startup:

import { registerLocaleModule } from '@molecule/app-i18n'
import * as locales from '@molecule/app-locales-react'

registerLocaleModule(locales)

Editing translations

en.ts is the canonical key set — every other language file mirrors its keys. To change or add strings, edit the locale files in this package (add new keys to en.ts first) or merge overrides at runtime with addTranslations(locale, map). Never hand-write translations inline in feature code: features call t(key, values, { defaultValue }) and THIS bond supplies the translations — inline strings bypass every other language.

Translation Keys

KeyEnglish
react.error.useAccordionOutsideProviderAccordion components must be used within an Accordion
react.error.useAuthOutsideProvideruseAuthClient must be used within an AuthProvider
react.error.useChatOutsideProvideruseChatProvider must be used within a ChatProvider
react.error.useEditorOutsideProvideruseEditorProvider must be used within an EditorProvider
react.error.useHttpOutsideProvideruseHttpClient must be used within an HttpProvider
react.error.useI18nOutsideProvideruseI18nProvider must be used within an I18nProvider
react.error.useLoggerOutsideProvideruseLoggerProvider must be used within a LoggerProvider
react.error.usePreviewOutsideProviderusePreviewProvider must be used within a PreviewProvider
react.error.useRouterOutsideProvideruseRouterInstance must be used within a RouterProvider
react.error.useStoreOutsideProvideruseStateProvider must be used within a StateProvider
react.error.useStorageOutsideProvideruseStorageProvider must be used within a StorageProvider
react.error.useThemeOutsideProvideruseThemeProvider must be used within a ThemeProvider
react.error.useToastOutsideProvideruseToast must be used within a ToastProvider
react.error.useWorkspaceOutsideProvideruseWorkspaceProvider must be used within a WorkspaceProvider
react.error.unsupportedMethodUnsupported method: {{method}}

Metadata

  • Type: locales
  • Category: i18n
  • Stack: app
  • Translates: @molecule/app-react