script.js

/* ===== 中英双语词典 ===== */
const i18n = {
  "hero.kicker":          { zh: "学生 / 开发者",            en: "Student / Developer" },
  "hero.subtitle":        { zh: "不会<span class=\"hl\">Coding</span>的<span class=\"hl\">Coder</span>, 不懂<span class=\"hl\">OI</span>的<span class=\"hl\">OIer</span>.",
                            en: "A <span class=\"hl\">Coder</span> who can't <span class=\"hl\">Code</span>, an <span class=\"hl\">OIer</span> who doesn't know <span class=\"hl\">OI</span>." },
  "about.kicker":         { zh: "关于",                     en: "About" },
  "about.title":          { zh: "关于我",                   en: "About Me" },
  "about.body":           { zh: "你好！我是 CodeSeed，一名热爱技术的学生。我享受把脑中的想法用代码变成现实的过程，目前正在不断学习、探索新的技术，希望有一天能写出解决真实世界问题的程序。",
                            en: "Hi! I'm CodeSeed, a student who loves technology. I enjoy turning ideas into real things with code. I'm always learning and exploring — hoping to one day build software that solves real-world problems." },
  "projects.kicker":      { zh: "项目",                     en: "Work" },
  "projects.title":       { zh: "项目",                     en: "Projects" },
  "projects.p1.title":    { zh: "sbackup",                   en: "sbackup" },
  "projects.p1.desc":     { zh: "轻量、高效的文件夹备份工具，支持命令行操作，帮助你轻松管理备份策略。",
                            en: "A lightweight, efficient folder backup tool with a command-line interface, helping you easily manage your backup strategy." },
  "projects.p2.title":    { zh: "slicense",                  en: "slicense" },
  "projects.p2.desc":     { zh: "一个功能全面的项目许可证管理 CLI 工具，支持多语言生态（Rust/Cargo、Node.js/npm、Go、Python/pip）。",
                            en: "A full-featured project license management CLI tool, supporting multiple language ecosystems (Rust/Cargo, Node.js/npm, Go, Python/pip)." },
  "projects.view":        { zh: "查看项目 →",              en: "View project →" },
  "contact.kicker":       { zh: "联系",                     en: "Contact" },
  "contact.title":        { zh: "联系我",                   en: "Contact" },
  "contact.github":       { zh: "GitHub",                   en: "GitHub" },
  "contact.email":        { zh: "邮箱",                     en: "Email" },
  "footer.related":       { zh: "相关链接",                 en: "Links" },
};

/* ===== 语言状态 ===== */
let currentLang = localStorage.getItem("lang") || "zh";

/* ===== 应用翻译(独立抽出:首帧前同步执行一次 + 切换时复用) ===== */
function applyTranslations(lang) {
  document.querySelectorAll("[data-i18n]").forEach((el) => {
    const key = el.getAttribute("data-i18n");
    const entry = i18n[key];
    if (entry && entry[lang]) {
      if (el.hasAttribute("data-i18n-html")) {
        el.innerHTML = entry[lang];
      } else {
        el.textContent = entry[lang];
      }
    }
  });
}

// script.js 阻塞加载在 body 末尾,执行时 DOM 已完整且早于首次绘制,
// 这里同步应用一次已保存语言,避免刷新后先显示默认语言再切换的闪烁
applyTranslations(currentLang);

/* ===== 切换语言 ===== */
function setLang(lang) {
  currentLang = lang;
  localStorage.setItem("lang", lang);
  applyTranslations(lang);

  // 更新切换按钮文字
  const langBtn = document.getElementById("lang-toggle");
  if (langBtn) {
    langBtn.textContent = lang === "zh" ? "EN" : "中";
    langBtn.setAttribute("aria-label", lang === "zh" ? "Switch to English" : "切换到中文");
  }

  // 更新 HTML lang
  document.documentElement.lang = lang;

  // 更新页面标题与描述
  document.title = "CodeSeed";
  const metaDesc = document.querySelector('meta[name="description"]');
  if (metaDesc) {
    metaDesc.content = lang === "zh"
      ? "CodeSeed 的个人主页 —— 学生 / 开发者"
      : "CodeSeed's personal site — student & developer";
  }

  // 同步主题按钮文字
  const theme = document.documentElement.getAttribute("data-theme") || "light";
  const themeBtn = document.getElementById("theme-toggle");
  if (themeBtn) themeBtn.textContent = themeBtnLabel(theme);

  // 同步移动端导航链接文案（nav 不带 data-i18n,从词典取值,与页面文案同源）
  const navMap = {
    "about": i18n["about.kicker"][lang],
    "projects": i18n["projects.kicker"][lang],
    "contact": i18n["contact.kicker"][lang],
  };
  document.querySelectorAll("[data-nav]").forEach((el) => {
    const key = navMap[el.getAttribute("data-nav")];
    if (key) el.textContent = key;
  });
}

/* ===== 主题状态 ===== */
const THEME_KEY = "theme";

function getInitialTheme() {
  const saved = localStorage.getItem(THEME_KEY);
  if (saved === "dark" || saved === "light") return saved;
  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
}

/* 主题按钮文字(明/暗 × 中/英 四种取值集中一处,避免 setLang/setTheme 各写一遍) */
function themeBtnLabel(theme) {
  const dark = theme === "dark";
  return dark ? (currentLang === "zh" ? "明" : "light") : (currentLang === "zh" ? "暗" : "dark");
}

function setTheme(theme) {
  document.documentElement.setAttribute("data-theme", theme);
  localStorage.setItem(THEME_KEY, theme);

  const btn = document.getElementById("theme-toggle");
  if (btn) {
    const dark = theme === "dark";
    btn.textContent = themeBtnLabel(theme);
    btn.setAttribute("aria-label", dark ? "Switch to light mode" : "Switch to dark mode");
    btn.title = dark ? "Light" : "Dark";
  }
}

/* ===== 复制邮箱 ===== */
function setupCopyEmail() {
  document.querySelectorAll("[data-copy-email]").forEach((el) => {
    el.addEventListener("click", (e) => {
      e.preventDefault();
      const email = el.getAttribute("data-copy-email");
      if (email && navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(email).then(
          () => showToast(currentLang === "zh" ? "已复制" : "Copied"),
          () => selectEmail(el)
        );
      } else {
        selectEmail(el);
      }
    });
  });
}

/* 降级:clipboard 不可用时全选文本,并提示用户手动复制 */
function selectEmail(el) {
  const sel = window.getSelection();
  const range = document.createRange();
  range.selectNodeContents(el);
  sel.removeAllRanges();
  sel.addRange(range);
  showToast(currentLang === "zh" ? "已选中，请手动复制" : "Selected — copy manually");
}

function showToast(text) {
  document.querySelectorAll(".copy-toast").forEach((n) => n.remove());
  const tip = document.createElement("span");
  tip.className = "copy-toast";
  tip.textContent = text;
  tip.setAttribute("role", "status");
  tip.setAttribute("aria-live", "polite");
  document.body.appendChild(tip);
  setTimeout(() => tip.remove(), 1500);
}

/* ===== 平滑滚动 ===== */
/* (closeMenu 仅供 setupNav 内部使用,其内部已有定义,此前的模块级副本是死代码,已删除) */
function smoothScrollTo(target) {
  let targetY;
  if (typeof target === "number") {
    targetY = target;
  } else {
    const id = (target || "").replace(/^#/, "");
    const el = document.getElementById(id);
    if (!el) return;
    targetY = el.getBoundingClientRect().top + window.scrollY - 84;
  }
  window.scrollTo({ top: targetY, behavior: "smooth" });
}

function setupNav() {
  const navbar = document.getElementById("navbar");
  const links = document.querySelectorAll(".nav-link");
  const hamburger = document.getElementById("hamburger");
  const navLinks = document.getElementById("nav-links");
  let lastY = 0;

  // 回到顶部按钮
  const backToTop = document.getElementById("back-to-top");
  function onScroll() {
    const y = window.scrollY;
    navbar.classList.toggle("scrolled", y > 24);
    navbar.classList.toggle("hidden", y > 200 && y > lastY + 2);
    if (y < 80) navbar.classList.remove("hidden");
    if (backToTop) backToTop.classList.toggle("visible", y > 480);
    lastY = y;
  }

  if (backToTop) {
    backToTop.addEventListener("click", () => smoothScrollTo(0));
  }

  // 当前 section 高亮
  function observeSections() {
    const ids = ["about", "projects", "contact"];
    const observer = new IntersectionObserver((entries) => {
      const visible = entries
        .filter((e) => e.isIntersecting)
        .sort((a, b) => b.intersectionRatio - a.intersectionRatio);
      if (visible.length > 0) {
        setActive(visible[0].target.id);
      }
    }, { rootMargin: "-40% 0px -50% 0px", threshold: [0, .2, .5] });

    ids.forEach((id) => {
      const el = document.getElementById(id);
      if (el) observer.observe(el);
    });
  }

  function setActive(id) {
    links.forEach((l) => {
      const active = l.getAttribute("data-nav") === id;
      l.classList.toggle("active", active);
      if (active) l.setAttribute("aria-current", "true");
      else l.removeAttribute("aria-current");
    });
  }

  window.addEventListener("scroll", onScroll, { passive: true });
  onScroll();
  observeSections();

  // 点击导航链接：平滑滚动 + 关闭移动端菜单
  links.forEach((link) => {
    link.addEventListener("click", (e) => {
      e.preventDefault();
      smoothScrollTo(link.getAttribute("href"));
      closeMenu();
    });
  });

  // Logo 点击平滑回到顶部
  const logo = document.querySelector(".nav-logo");
  if (logo) {
    logo.addEventListener("click", (e) => {
      e.preventDefault();
      smoothScrollTo(0);
    });
  }

  // 底部滚动提示箭头
  const scrollHint = document.querySelector(".scroll-hint");
  if (scrollHint) {
    scrollHint.addEventListener("click", (e) => {
      e.preventDefault();
      smoothScrollTo(scrollHint.getAttribute("href"));
    });
  }

  // 汉堡菜单
  function toggleMenu() {
    const open = navLinks.classList.toggle("open");
    hamburger.classList.toggle("open", open);
    hamburger.setAttribute("aria-expanded", String(open));
    hamburger.setAttribute("aria-label", open ? (currentLang === "zh" ? "关闭菜单" : "Close menu") : (currentLang === "zh" ? "打开菜单" : "Open menu"));
  }

  function closeMenu() {
    navLinks.classList.remove("open");
    hamburger.classList.remove("open");
    hamburger.setAttribute("aria-expanded", "false");
  }

  hamburger.addEventListener("click", toggleMenu);
}

/* ===== 初始化 ===== */
document.addEventListener("DOMContentLoaded", () => {
  // 防止浏览器"记住上次滚动位置",刷新时强制回到顶部
  if ("scrollRestoration" in history) {
    history.scrollRestoration = "manual";
  }

  setTheme(getInitialTheme());
  setLang(currentLang);

  document.getElementById("theme-toggle").addEventListener("click", () => {
    const next = document.documentElement.getAttribute("data-theme") === "dark" ? "light" : "dark";
    setTheme(next);
  });

  document.getElementById("lang-toggle").addEventListener("click", () => {
    setLang(currentLang === "zh" ? "en" : "zh");
  });

  // 自动更新页脚年份
  document.getElementById("year").textContent = new Date().getFullYear();

  setupCopyEmail();
  setupNav();
});