lib/i18n

Esta página aún no está disponible en tu idioma.

Type Aliases

UiComponentKeys

type UiComponentKeys = keyof UiTranslations["en"]["translations"];

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:44

Represents the keys of the UI component translations for the ‘en’ locale. This type is derived from the ‘translations’ property of the ‘UiTranslations’ interface for the ‘en’ locale (Source of truth), ensuring that only valid translation keys are used.

UiLanguageKeys

type UiLanguageKeys = keyof UiTranslations;

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:37

Represents the keys of the UiTranslations type. This type is used to define the possible keys for UI language translations.

UiTranslations

type UiTranslations = typeof uiTranslations;

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:31

Represents the type of UI translations. This type is derived from the structure of the uiTranslations object.

Variables

defaultLang

const defaultLang: UiTranslationKey = 'en';

Defined in: studiocms/packages/studiocms/src/lib/i18n/config.ts:14

The default language for the StudioCMS app.

languageSelectorOptions

const languageSelectorOptions: {
  key: "en" | "de" | "es" | "fr";
  value: string;
 }[];

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:105

Generates an array of language selector options from the uiTranslations object. Each option contains a key and a value where:

key is a language key from UiLanguageKeys.
value is the display name of the language.

Type declaration

key

key: "en" | "de" | "es" | "fr";

value

value: string;

Returns

An array of objects representing language selector options.

Functions

getCurrentURLPath()

function getCurrentURLPath(Astro: AstroGlobal): string

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:137

Retrieves the current URL path, adjusting for language settings.

This function checks if the URL path includes ’/_server-islands’. If it does, it extracts the referer URL from the request headers and determines the current language from that URL. If the current language is the default language, it returns the pathname as is. Otherwise, it replaces the language segment in the pathname with ’/’.

If the URL path does not include ’/_server-islands’, it uses the Astro URL directly to determine the current language and adjust the pathname accordingly.

Parameters

Astro

AstroGlobal

The global Astro object containing URL and request information.

Returns

string

getLangFromUrl()

function getLangFromUrl(url: URL): "en" | "de" | "es" | "fr"

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:118

Extracts the language key from the given URL’s pathname.

Parameters

url

URL

The URL object from which to extract the language key.

Returns

"en" | "de" | "es" | "fr"

The language key if it exists in the uiTranslations, otherwise returns the default language key.

staticPaths()

function staticPaths(): {
  params: {
     locale: undefined | string;
    };
 }[]

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:179

Example of how to use this i18n utils on a Static page

Returns

{ params: { locale: undefined | string; }; }[]

An array of paths for all languages

Example

export async function getStaticPaths() {
  const paths = staticPaths();
  return paths;
}

If the default language is hidden, the paths for the default language will be generated without the language prefix while all extra languages will have the prefix. (e.g. When showDefaultLang is false: /en/page will be /page and spanish will be /es/page)

switchLanguage()

function switchLanguage(Astro: AstroGlobal): (languageKey: "en" | "de" | "es" | "fr") => string

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:157

Function to switch the language of the current page.

Parameters

Astro

AstroGlobal

The global Astro object.

Returns

Function

Parameters

languageKey

"en" | "de" | "es" | "fr"

Returns

string

useTranslatedPath()

function useTranslatedPath(lang: "en" | "de" | "es" | "fr"): (path: string, l?: string) => string

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:91

Returns a function that translates a given path based on the provided language.

Parameters

lang

The language key to be used for translation.

"en" | "de" | "es" | "fr"

Returns

Function

A function that takes a path and an optional language key, and returns the translated path. If the language key is not provided, the default language key is used. If the language is the default language and showDefaultLang is false, the original path is returned. Otherwise, the path is prefixed with the language key.

Parameters

path

string

l?

string

Returns

string

useTranslations()

function useTranslations<L, T>(lang: L, component: T): (key: keyof UiTranslationComponent<L, T>) => UiTranslationComponent<L, T>[keyof UiTranslationComponent<L, T>]

Defined in: studiocms/packages/studiocms/src/lib/i18n/index.ts:64

Retrieves a translation function for a given language and component.

Type Parameters

L

L extends "en" | "de" | "es" | "fr"

T

Parameters

lang

L

The language key to use for translations.

component

T

The component key to use for translations.

Returns

Function

A function that takes a translation key and returns the corresponding translated string.

Parameters

key

keyof UiTranslationComponent<L, T>

Returns

UiTranslationComponent<L, T>[keyof UiTranslationComponent<L, T>]