Cultivation/src/utils/language.ts

import { invoke } from '@tauri-apps/api'
import React from 'react'
import { getConfigOption } from './configuration'

interface IProps {
  text: string
}

interface IState {
  language: string
  translated_text: string
}

export default class Tr extends React.Component<IProps, IState> {
  constructor(props: IProps) {
    super(props)

    this.state = {
      language: 'en',
      translated_text: '',
    }
  }

  componentDidMount() {
    const { text } = this.props
    getConfigOption('language').then((language: string) => {
      // Get translation file
      if (!language) language = 'en'

      invoke('get_lang', { lang: language }).then((response) => {
        const translation_obj = JSON.parse((response as string) || '{}')

        // Traversal
        if (text.includes('.')) {
          const keys = text.split('.')
          let translation: string | Record<string, string> = translation_obj

          for (let i = 0; i < keys.length; i++) {
            if (!translation) {
              translation = ''
            } else {
              translation = typeof translation !== 'string' ? translation[keys[i]] : (translation as string)
            }
          }

          this.setState({
            translated_text: translation as string,
          })
        } else {
          this.setState({
            translated_text: translation_obj[text] || '',
          })
        }
      })
    })
  }

  render() {
    return this.state.translated_text
  }
}

export async function getLanguages() {
  const resp: {
    [key: string]: string
  } = await invoke('get_languages')
  const lang_list: {
    [key: string]: string
  }[] = []

  Object.keys(resp).forEach((k) => {
    const parsed = JSON.parse(resp[k])

    if (parsed.lang_name) {
      lang_list.push({ [k.split('.json')[0]]: parsed.lang_name })
    }
  })

  return lang_list
}

export async function translate(text: string) {
  const language = (await getConfigOption('language')) || 'en'
  const translation_json = JSON.parse((await invoke('get_lang', { lang: language })) || '{}')

  // Traversal
  if (text.includes('.')) {
    const keys = text.split('.')
    let translation: string | Record<string, string> = translation_json

    for (let i = 0; i < keys.length; i++) {
      if (!translation) {
        translation = ''
      } else {
        translation = typeof translation !== 'string' ? translation[keys[i]] : (translation as string)
      }
    }

    return translation
  } else {
    return translation_json[text] || ''
  }
}