refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

2025-05-20 15:05:01 +01:00 · 2025-05-20 15:05:01 +01:00 · a3fbc056a9
commit a3fbc056a9
parent 46e4433e1c
342 changed files with 1200 additions and 2932 deletions
--- a/app/composables/masto/translate.ts
+++ b/app/composables/masto/translate.ts
@ -0,0 +1,137 @@
+import type { mastodon } from 'masto'
+
+export interface TranslationResponse {
+  translatedText: string
+  detectedLanguage: {
+    confidence: number
+    language: string
+  }
+}
+
+// @see https://github.com/LibreTranslate/LibreTranslate/tree/main/libretranslate/locales
+export const supportedTranslationCodes = [
+  'ar',
+  'az',
+  'cs',
+  'da',
+  'de',
+  'el',
+  'en',
+  'eo',
+  'es',
+  'fa',
+  'fi',
+  'fr',
+  'ga',
+  'he',
+  'hi',
+  'hu',
+  'id',
+  'it',
+  'ja',
+  'ko',
+  'nl',
+  'pl',
+  'pt',
+  'ru',
+  'sk',
+  'sv',
+  'tr',
+  'uk',
+  'vi',
+  'zh',
+] as const
+
+export function getLanguageCode() {
+  let code = 'en'
+  const getCode = (code: string) => code.replace(/-.*$/, '')
+  if (import.meta.client) {
+    const { locale } = useI18n()
+    code = getCode(locale.value ? locale.value : navigator.language)
+  }
+  return code
+}
+
+interface TranslationErr {
+  data?: {
+    error?: string
+  }
+}
+
+export async function translateText(text: string, from: string | null | undefined, to: string) {
+  const config = useRuntimeConfig()
+  const status = ref({
+    success: false,
+    error: '',
+    text: '',
+  })
+  const regex = /<a[^>]*>.*?<\/a>/g
+  try {
+    const response = await ($fetch as any)(config.public.translateApi, {
+      method: 'POST',
+      body: {
+        q: text,
+        source: from ?? 'auto',
+        target: to,
+        format: 'html',
+        api_key: '',
+      },
+    }) as TranslationResponse
+    status.value.success = true
+    // replace the translated links with the original
+    status.value.text = response.translatedText.replace(regex, (match) => {
+      const tagLink = regex.exec(text)
+      return tagLink ? tagLink[0] : match
+    })
+  }
+  catch (err) {
+    // TODO: improve type
+    if ((err as TranslationErr).data?.error)
+      status.value.error = (err as TranslationErr).data!.error!
+    else
+      status.value.error = 'Unknown Error, Please check your console in browser devtool.'
+    console.error('Translate Post Error: ', err)
+  }
+  return status
+}
+
+const translations = new WeakMap<mastodon.v1.Status | mastodon.v1.StatusEdit, {
+  visible: boolean
+  text: string
+  success: boolean
+  error: string
+}>()
+
+export function useTranslation(status: mastodon.v1.Status | mastodon.v1.StatusEdit, to: string) {
+  if (!translations.has(status))
+    translations.set(status, reactive({ visible: false, text: '', success: false, error: '' }))
+
+  const translation = translations.get(status)!
+  const userSettings = useUserSettings()
+
+  const shouldTranslate = 'language' in status && status.language && status.language !== to
+    && supportedTranslationCodes.includes(to as any)
+    && supportedTranslationCodes.includes(status.language as any)
+    && !userSettings.value.disabledTranslationLanguages.includes(status.language)
+  const enabled = /*! !useRuntimeConfig().public.translateApi && */ shouldTranslate
+
+  async function toggle() {
+    if (!shouldTranslate)
+      return
+
+    if (!translation.text) {
+      const translated = await translateText(status.content, status.language, to)
+      translation.error = translated.value.error
+      translation.text = translated.value.text
+      translation.success = translated.value.success
+    }
+
+    translation.visible = !translation.visible
+  }
+
+  return {
+    enabled,
+    toggle,
+    translation,
+  }
+}