// .eslintrc.js
module.exports = {
  plugins: ['i18n-check'],
  rules: {
    'i18n-check/no-hardcoded-string': 'error',
  },
};

// 源代码示例：main.js
// 错误：硬编码字符串，未使用国际化函数
const greeting = 'Hello, World!'; // ESLint会在此报错
const buttonLabel = 'Submit';

// 正确：使用国际化函数
import { t } from './i18n';
const greeting = t('greeting.hello'); // 从资源文件获取
const buttonLabel = t('button.submit');

// scripts/check-i18n-integrity.js
const fs = require('fs');
const path = require('path');

const localesDir = path.join(__dirname, '../src/locales');
const baseLocale = 'en';
const baseFile = JSON.parse(fs.readFileSync(path.join(localesDir, `${baseLocale}.json`), 'utf8'));

const baseKeys = flattenObject(baseFile);

fs.readdirSync(localesDir).forEach(file => {
  if (file.endsWith('.json') && file !== `${baseLocale}.json`) {
    const locale = file.replace('.json', '');
    const localeFile = JSON.parse(fs.readFileSync(path.join(localesDir, file), 'utf8'));
    const localeKeys = flattenObject(localeFile);

    // 查找缺失的键
    const missingKeys = baseKeys.filter(key => !localeKeys.includes(key));
    // 查找多余的键（可能已过时）
    const extraKeys = localeKeys.filter(key => !baseKeys.includes(key));

    if (missingKeys.length > 0) {
      console.error(`❌ Locale "${locale}" is missing keys:`, missingKeys);
      process.exitCode = 1;
    }
    if (extraKeys.length > 0) {
      console.warn(`⚠️  Locale "${locale}" has potentially obsolete keys:`, extraKeys);
    }
  }
});

function flattenObject(obj, prefix = '') {
  return Object.keys(obj).reduce((acc, k) => {
    const pre = prefix.length ? prefix + '.' : '';
    if (typeof obj[k] === 'object' && obj[k] !== null) {
      acc.push(...flattenObject(obj[k], pre + k));
    } else {
      acc.push(pre + k);
    }
    return acc;
  }, []);
}

{
  "scripts": {
    "check:i18n": "node scripts/check-i18n-integrity.js"
  }
}

// cypress/e2e/i18n-layout.cy.js
describe('Internationalization Layout Tests', () => {
  const locales = ['en', 'ar', 'ja'];

  locales.forEach(locale => {
    it(`should render correctly in ${locale}`, () => {
      // 1. 访问特定语言环境的页面
      cy.visit(`http://localhost:3000?lang=${locale}`);

      // 2. 检查关键元素是否存在且可见
      cy.get('[data-testid="main-header"]').should('be.visible');
      cy.get('[data-testid="submit-button"]').should('be.visible');

      // 3. 检查RTL布局（以阿拉伯语为例）
      if (locale === 'ar') {
        cy.get('html').should('have.attr', 'dir', 'rtl');
        cy.get('[data-testid="navigation-menu"]').should('have.css', 'text-align', 'right');
      } else {
        cy.get('html').should('have.attr', 'dir', 'ltr');
      }

      // 4. 截屏并与基线对比（视觉回归）
      cy.matchImageSnapshot(`homepage-${locale}`);
    });
  });
});

// vite.config.js
import { defineConfig } from 'vite';
import i18nScanner from 'vite-plugin-i18n-scanner'; // 假设存在此插件

export default defineConfig({
  plugins: [
    i18nScanner({
      sourcePath: 'src',
      localesPath: 'src/locales',
      defaultLocale: 'en',
      // 插件配置：自动提取未翻译的键，并输出报告
      reportMissing: true,
      failOnMissing: process.env.NODE_ENV === 'production', // 生产构建时缺失翻译则失败
    }),
  ],
});