popup.js

// popup.js: 解析 CSV 并存储 username->info 的映射到 chrome.storage.local

function parseCSV(text) {
  // 简单的 CSV 解析，支持用双引号包裹的字段和换行
  const rows = [];
  let cur = '';
  let row = [];
  let inQuotes = false;
  for (let i = 0; i < text.length; i++) {
    const ch = text[i];
    const next = text[i+1];
    if (ch === '"') {
      if (inQuotes && next === '"') { // 双引号转义
        cur += '"';
        i++; // skip next
      } else {
        inQuotes = !inQuotes;
      }
    } else if (ch === ',' && !inQuotes) {
      row.push(cur);
      cur = '';
    } else if ((ch === '\n' || ch === '\r') && !inQuotes) {
      // 处理 CRLF 或 LF
      if (cur !== '' || row.length > 0) {
        row.push(cur);
        rows.push(row);
        row = [];
        cur = '';
      }
      // skip possible \r\n by skipping if next is other newline
    } else {
      cur += ch;
    }
  }
  if (cur !== '' || row.length > 0) {
    row.push(cur);
    rows.push(row);
  }
  return rows;
}

function rowsToMap(rows) {
  if (!rows || rows.length === 0) return {};
  const header = rows[0].map(h => h.trim());
  const map = {};
  for (let i = 1; i < rows.length; i++) {
    const r = rows[i];
    if (r.every(c => c === '')) continue; // skip empty
    const obj = {};
    for (let j = 0; j < header.length; j++) {
      const key = header[j].toLowerCase();
      const val = r[j] ? r[j].trim() : '';
      obj[key] = val;
    }
    const username = obj['username'] || obj['login'] || obj['user'];
    if (!username) continue;
    map[username] = {
      name: obj['name'] || '',
      company: obj['company'] || '',
      employee_id: obj['employee_id'] || obj['id'] || obj['employeeid'] || ''
    };
  }
  return map;
}

const fileInput = document.getElementById('csvFile');
const saveBtn = document.getElementById('saveBtn');
const clearBtn = document.getElementById('clearBtn');
const preview = document.getElementById('preview');
const searchInput = document.getElementById('searchInput');
const searchResult = document.getElementById('searchResult');
let currentMap = {};

fileInput.addEventListener('change', async (e) => {
  const file = e.target.files[0];
  if (!file) return;
  const text = await file.text();
  const rows = parseCSV(text);
  const map = rowsToMap(rows);
  currentMap = map;
  renderPreview(map);
});

saveBtn.addEventListener('click', () => {
  if (!currentMap || Object.keys(currentMap).length === 0) {
    alert('未解析到数据，请先上传 CSV。');
    return;
  }
  chrome.storage.local.set({ userMap: currentMap }, () => {
    alert('已保存 ' + Object.keys(currentMap).length + ' 条记录到扩展存储。');
  });
});

clearBtn.addEventListener('click', () => {
  if (!confirm('清除所有扩展内保存的数据？')) return;
  chrome.storage.local.remove('userMap', () => {
    currentMap = {};
    preview.innerText = '';
    alert('已清除。');
  });
});

function renderPreview(map) {
  preview.innerHTML = '';
  const keys = Object.keys(map).slice(0, 20);
  if (keys.length === 0) {
    preview.innerText = '无数据';
    return;
  }
  keys.forEach(k => {
    const p = document.createElement('div');
    p.className = 'preview-row';
    const item = map[k];
    p.innerHTML = `<strong>${k}</strong> — ${item.name || '-'} — ${item.company || '-'} — ${item.employee_id || '-'} `;
    preview.appendChild(p);
  });
}

searchInput.addEventListener('input', () => {
  const q = searchInput.value.trim();
  if (!q) { searchResult.innerText = ''; return; }
  // first check currentMap, then storage
  let found = currentMap[q];
  if (found) {
    renderSearch(found, q);
  } else {
    chrome.storage.local.get('userMap', data => {
      const map = data.userMap || {};
      if (map[q]) {
        renderSearch(map[q], q);
      } else {
        searchResult.innerText = '未找到 ' + q;
      }
    });
  }
});

function renderSearch(item, username) {
  searchResult.innerHTML = `<div><strong>${username}</strong></div>
  <div>姓名：${item.name || '-'}</div>
  <div>公司：${item.company || '-'}</div>
  <div>工号：${item.employee_id || '-'}</div>`;
}

// 初始化：加载存储里的数据到预览（只展示前 20）
chrome.storage.local.get('userMap', data => {
  const map = data.userMap || {};
  currentMap = map;
  renderPreview(map);
});