구글 번역 API로 다국어 번역 자동화 파이프라인 구축하기

"use strict";

var _nextI18next = require("next-i18next");
var _constants = require("@/constants");
var _i18n = require("@/utils/i18n");

var StatusEnum;
StatusEnum["WAIT"] = "\uB300\uAE30";   // '대기'
StatusEnum["DONE"] = "\uC644\uB8CC";   // '완료'
StatusEnum["CANCEL"] = "\uCDE8\uC18C"; // '취소'

const MyComponent = ({ status }) => {
  const { t } = (0, _nextI18next.useTranslation)('common');

  return (
    <div>
      <p>{(0, _i18n.t)('상태')}</p>
      <p>{(0, _i18n.t)(_constants.StatusEnum['WAIT'])}</p>
      <_nextI18next.Trans i18nKey="이용약관에 <1>동의</1>합니다">
        이용약관에 <strong>동의</strong>합니다
      </_nextI18next.Trans>
    </div>
  )
}

const LANGS = [ ... ]

module.exports = {
  input: ['tmp/pages/**/*.{js,jsx}', 'tmp/shared/**/*.{js,jsx}'],
  options: {
    // ...,
    resource: {
      loadPath: path.join(__dirname, '.tmp/locales/{{lng}}/{{ns}}.json'),
      savePath: path.join(__dirname, '.tmp/locales/{{lng}}/{{ns}}.json'),
    },
  },
  transform(file, enc, done) { /* ... */ },
}

parser.parseFuncFromString(content, {
  list: ['i18next.t', 'i18n.t', '$i18n.t', 't'],
  extensions: ['.js', '.jsx'],
}, (key, options) => {
  parser.set(key, { ...options, ns: ns || DEFAULT_NS })
})

// 원본 TypeScript
import { t } from '@/utils/i18n'
t('번역키')

// Babel 트랜스파일 후
var _i18n = require('@/utils/i18n')
;(0, _i18n.t)('번역키')

const aliasMatch = content.match(
  /var\s+(_\w+)\s*=\s*require\(['"]@\/utils\/i18n['"]\)/
)
if (aliasMatch) {
  const alias = aliasMatch[1] // '_i18n'
  const tFunctionRegex = new RegExp(
    `\\(0,\\s*${alias}\\.t\\)\\(\\s*['"\`](.*?)['"\`]`, 'gs'
  )
  // ...
}

const transRegex =
  /<_nextI18next\.Trans\b[\s\S]*?i18nKey\s*=\s*(['"])([\s\S]*?)\1[\s\S]*?>/g

execSync(`aws s3 sync s3://${S3_BUCKET} ${LOCALES_DIR} --delete`, { stdio: 'inherit' })

{
  "scripts": {
    "i18n-transpile": "babel src --out-dir tmp --extensions .ts,.tsx --config-file ./babel.i18next-scanner.config.js",
    "i18n-scan": "i18next-scanner --config i18next-scanner.config.js && pnpm run i18n-transpile"
  }
}

const allKeys = Object.keys(dataByLocale[DEFAULT_LOCALE])
const newKeys = allKeys.filter(
  (key) => LOCALES.slice(1).every((locale) => !dataByLocale[locale][key])
)

// 신규 키 append
const appendRes = await sheets.spreadsheets.values.append({
  spreadsheetId: LANGUAGE_GOOGLE_SPREAD_SHEET_ID,
  range: `${LANGUAGE_GOOGLE_SPREAD_SHEET_NAME}!A:E`,
  valueInputOption: 'RAW',
  insertDataOption: 'INSERT_ROWS',
  requestBody: { values: newKeys.map((key) => [key, key, '', '', '']) },
})

// 추가된 행 위치 파악
const updatedRange = appendRes.data.updates.updatedRange // e.g. 'Sheet1!A100:E102'
const startRow = parseInt(/!(?:[A-Z]+)(\d+):/.exec(updatedRange)[1], 10)

// 노란색 배경 지정
formatRequests.push({
  repeatCell: {
    cell: {
      userEnteredFormat: {
        backgroundColor: { red: 0.94, green: 0.94, blue: 0.36 }, // #F0F05C
      },
    },
    fields: 'userEnteredFormat.backgroundColor',
  },
})

const BATCH_SIZE = 128

for (const locale of LOCALES.slice(1)) {
  for (let i = 0; i < newKeys.length; i += BATCH_SIZE) {
    const batch = newKeys.slice(i, i + BATCH_SIZE)
    const [trans] = await translateClient.translate(batch, locale)
    translations[locale].push(...(Array.isArray(trans) ? trans : [trans]))

    // rate limit 방지: 배치 사이 1초 대기
    if (i + BATCH_SIZE < newKeys.length) {
      await new Promise((resolve) => setTimeout(resolve, 1000))
    }
  }
}

const translationUpdateRequests = newKeys.map((key, idx) => ({
  range: `${LANGUAGE_GOOGLE_SPREAD_SHEET_NAME}!A${startRow + idx}:E${startRow + idx}`,
  values: [[key, key, ...LOCALES.slice(1).map((locale) => translations[locale][idx])]],
}))

await sheets.spreadsheets.values.batchUpdate({
  spreadsheetId: LANGUAGE_GOOGLE_SPREAD_SHEET_ID,
  requestBody: { valueInputOption: 'RAW', data: translationUpdateRequests },
})

const loadLanguage = async () => {
  const response = await sheets.spreadsheets.values.get({
    spreadsheetId: process.env.LANGUAGE_GOOGLE_SPREAD_SHEET_ID,
    range: `${sheetName}!${startColumn}:${endColumn}`,
  })
  return response?.data?.values ?? []
}

const createLanguageFiles = (dataList) => {
  const headerRowIndex = Number(process.env.LANGUAGE_GOOGLE_SPREAD_SHEET_HEADER_ROW)
  const headerList = dataList[headerRowIndex] // e.g. ['key', 'lang1', 'lang2', ...]
  const keyAndValueList = dataList.slice(headerRowIndex + 1)

  const languageObjList = Array.from({ length: headerList.length - 1 }, () => ({}))

  keyAndValueList.forEach((row) => {
    const [key, ...values] = row
    values.forEach((value, index) => {
      languageObjList[index][key] = value
    })
  })

  languageObjList.forEach((obj, index) => {
    const lang = headerList[index + 1]
    const dirPath = `public/locales/${lang}`
    if (!fs.existsSync(dirPath)) fs.mkdirSync(dirPath, { recursive: true })
    fs.writeFileSync(`${dirPath}/translation.json`, JSON.stringify(obj, null, 2))
  })
}

execSync(
  `aws s3 sync ${path.resolve(__dirname, 'public', 'locales')} s3://${S3_BUCKET} --delete`
)