const { app, BrowserWindow,ipcMain,Menu} = require('electron');
let mainWindow;
let isAlwaysOnTop = false; // 跟踪窗口是否置顶
const https = require('https');


//创建窗口代码
function createWindow() {
  mainWindow = new BrowserWindow({
    width: 730,
    height: 400,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    },
  }
  );

  mainWindow.loadFile('index.html');
  mainWindow.on('closed', function () {
    mainWindow = null;
  });

//创建菜单功能函数
  function updateMenu() {
    const menuTemplate = [
      { role: 'reload' },
      { role: 'toggledevtools' },
      {
        label: isAlwaysOnTop ? '📌置顶(c+t)' : '置顶(c+t)',
        type: 'checkbox',
        accelerator: 'CommandOrControl+T',
        checked: isAlwaysOnTop,
        click: () => {
          isAlwaysOnTop = !isAlwaysOnTop;
          mainWindow.setAlwaysOnTop(isAlwaysOnTop);
          updateMenu(); // 重新构建菜单
        }
      }
    ];

    const menu = Menu.buildFromTemplate(menuTemplate);
    Menu.setApplicationMenu(menu);
  }
  updateMenu(); // 初始构建菜单

}

app.on('ready', createWindow);

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow();
  }
});

// 处理翻译请求
ipcMain.on('translate', (event, text) => {
  const appid = '20240409002018364';
  const secretKey = 'hKiK_xVALpvs0qXdLCp7';
  const from = 'auto'; // 源语言
  const to = 'en'; // 目标语言
  const salt = (new Date).getTime();
  const query = text;

  // 使用MD5生成签名
  const md5 = require('md5');
  const sign = md5(appid + query + salt + secretKey);

  // 构建请求参数
  const params = {
    q: query,
    appid: appid,
    salt: salt,
    from: from,
    to: to,
    sign: sign
  };

  // 将参数转换为URL编码的字符串
  const queryStr = Object.keys(params).map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`).join('&');

  // 发送请求到百度翻译API
  const options = {
    hostname: 'api.fanyi.baidu.com',
    path: '/api/trans/vip/translate?' + queryStr,
    method: 'GET'
  };

  const req = https.request(options, (res) => {
    let data = '';
    res.on('data', (chunk) => {
      data += chunk;
    });
    res.on('end', () => {
      // 解析返回的JSON数据
      const result = JSON.parse(data);
      if (result && result.trans_result) {
        // 发送翻译结果回渲染进程
        event.reply('translated', result.trans_result[0].dst);
      }
    });
  });

  req.on('error', (e) => {
    console.error(e);
  });

  req.end();
});

const { ipcRenderer } = require('electron');

document.addEventListener('DOMContentLoaded', () => {
  const inputField = document.querySelector('.input-field');
  const outputWindow = document.querySelector('.output-window');
  
  // 实时翻译功能
  inputField.addEventListener('input', () => {
    const text = inputField.innerText; // 使用innerText获取div的内容
    if (text) {
      // 向主进程发送翻译请求
      ipcRenderer.send('translate', text);
    }
  });

  // 监听来自主进程的翻译结果
  ipcRenderer.on('translated', (event, translatedText) => {
    // 清空输出窗口
    outputWindow.innerHTML = '';
    // 将翻译文本分割成单词并包裹在span标签中
    const words = translatedText.split(','); // 假设单词之间是用,分隔的
    words.forEach((word, index) => {
      const span = document.createElement('span');
      span.className = 'word'; // 应用CSS样式
      span.textContent = word + ','; // 添加单词和空格
      span.dataset.index = index; // 添加数据属性以跟踪单词索引
      span.addEventListener('mouseover', highlightCorrespondingWord); // 为span添加鼠标悬停事件监听器
      span.addEventListener('mouseout', removeHighlight); // 为span添加鼠标移出事件监听器
      outputWindow.appendChild(span);
    });
  });
});

function highlightCorrespondingWord(event) {
  const highlightedWord = event.target.textContent.trim().replace(/, /g, '');
  const spans = document.querySelectorAll('.output-window .word');
  const index = event.target.dataset.index; // 获取单词的索引
  
  // 高亮显示outputWindow中的单词
  spans.forEach(span => {
    if (span.dataset.index === index) {
      span.classList.add('active');
    }
  });

  // 高亮显示inputField中的对应单词
  const inputWords = inputField.innerText.split('，');
  const correspondingWord = inputWords[index];
  const range = document.createRange();
  const sel = window.getSelection();
  let found = false;
  
  for (let i = 0; i < inputWords.length; i++) {
    const word = inputWords[i];
    if (word === correspondingWord && !found) {
      found = true;
      range.setStart(inputField.childNodes[0], inputField.childNodes[0].textContent.indexOf(word));
      range.setEnd(inputField.childNodes[0], inputField.childNodes[0].textContent.indexOf(word) + word.length);
      sel.removeAllRanges();
      sel.addRange(range);
      break;
    }
  }
}

function removeHighlight() {
  const spans = document.querySelectorAll('.output-window .word');
  spans.forEach(span => {
    span.classList.remove('active');
  });
  window.getSelection().removeAllRanges();
}

// 添加一个新的CSS样式用于激活高亮显示
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
  .word.active, .input-field::selection {
    background-color: yellow;
  }
`;
document.head.appendChild(style);