hexo-theme-gnix 11.0.0 → 13.0.0

package/include/hexo/shiki.js

@@ -0,0 +1,191 @@
+const { codeToHtml } = require("shiki");
+const t = require("@shikijs/transformers");
+const { transformerColorizedBrackets } = require("@shikijs/colorized-brackets");
+const { mkdir, writeFile } = require("node:fs/promises");
+const { dirname } = require("node:path");
+
+const THEMES = {
+  light: "catppuccin-latte",
+  dark: "catppuccin-mocha",
+  song: "everforest-light",
+  nord: "nord",
+  tokyo: "tokyo-night",
+  rose: "rose-pine",
+};
+
+const TRANSFORMERS = [
+  t.transformerCompactLineOptions(),
+  t.transformerMetaHighlight(),
+  t.transformerMetaWordHighlight(),
+  t.transformerNotationDiff(),
+  t.transformerNotationErrorLevel(),
+  t.transformerNotationFocus(),
+  t.transformerNotationHighlight(),
+  t.transformerNotationWordHighlight(),
+  t.transformerRemoveLineBreak(),
+  t.transformerRemoveNotationEscape(),
+  t.transformerRenderWhitespace(),
+  transformerColorizedBrackets(),
+];
+
+const SVG_WRAP =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="toggle-wrap" title="Toggle Wrap"><path d="m16 16-3 3 3 3"/><path d="M3 12h14.5a1 1 0 0 1 0 7H13"/><path d="M3 19h6"/><path d="M3 5h18"/></svg>';
+const SVG_COPY =
+  '<div class="copy-notice"></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="copy-button"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"/><path d="M16 4h2a2 2 0 0 1 2 2v4"/><path d="M21 14H11"/><path d="m15 10-4 4 4 4"/></svg>';
+const SVG_EXPAND =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="expand-icon"><path d="M12 22v-6"/><path d="M12 8V2"/><path d="M4 12H2"/><path d="M10 12H8"/><path d="M16 12h-2"/><path d="M22 12h-2"/><path d="m15 19-3 3-3-3"/><path d="m15 5-3-3-3 3"/></svg>';
+const SVG_COLLAPSE =
+  '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="collapse-icon"><path d="M12 22v-6"/><path d="M12 8V2"/><path d="M4 12H2"/><path d="M10 12H8"/><path d="M16 12h-2"/><path d="M22 12h-2"/><path d="m15 19-3-3-3 3"/><path d="m15 5 3 3-3 3"/></svg>';
+
+const RE_LINE = /<span class="line/g;
+
+function escapeHtml(code) {
+  return code.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+
+function createShikiTools(lang, title, { lang: showLang, title: showTitle, wrapToggle, copyButton }) {
+  let left = '<div class="left"><div class="traffic-lights"> <span class="traffic-light red"></span> <span class="traffic-light yellow"></span> <span class="traffic-light green"></span> </div>';
+  if (showLang) left += `<div class="code-lang">${lang.toUpperCase()}</div>`;
+  left += "</div>";
+
+  let center = '<div class="center">';
+  if (showTitle && title) center += `\n<div class="code-title">${title}</div>`;
+  center += "\n</div>";
+
+  let right = '<div class="right">';
+  if (wrapToggle) right += `\n${SVG_WRAP}`;
+  if (copyButton) right += `\n${SVG_COPY}`;
+  right += "\n</div>";
+
+  return `<div class="shiki-tools">${left}${center}${right}</div>`;
+}
+
+async function writeCssAsync(cssGetter, cssOutputPath) {
+  if (!cssGetter || !cssOutputPath) return;
+  const css = cssGetter();
+  await mkdir(dirname(cssOutputPath), { recursive: true });
+  await writeFile(cssOutputPath, css, "utf8");
+}
+
+function computeCollapseAttributes(cfg, codeHtml) {
+  const codeLines = (codeHtml.match(RE_LINE) || []).length;
+  const shouldCollapse = cfg.collapseConfig.enable && codeLines > cfg.collapseConfig.maxLines;
+  return {
+    expandButton: shouldCollapse ? `<div class="code-expand-btn">${SVG_EXPAND}${SVG_COLLAPSE}</div>` : "",
+    collapseAttrs: shouldCollapse ? ` data-collapsible="true" data-max-lines="${cfg.collapseConfig.maxLines}" data-total-lines="${codeLines}"` : "",
+  };
+}
+
+function parseConfig(renderOptions) {
+  const options = renderOptions || {};
+  const { toolbar_items: ti = {}, style_to_class: stc } = options;
+
+  let enabledTransformers;
+  if (!options.transformers || options.transformers.includes("all")) {
+    enabledTransformers = [...TRANSFORMERS];
+  } else {
+    enabledTransformers = options.transformers.map((name) => TRANSFORMERS.find((tr) => tr.name === name)).filter(Boolean);
+  }
+
+  let toClass = null;
+  if (stc && stc.enable) {
+    toClass = t.transformerStyleToClass({ classPrefix: stc.class_prefix || "_sk_" });
+    enabledTransformers.push(toClass);
+  }
+
+  const maxLines = options.code_collapse != null ? options.code_collapse : 30;
+
+  return {
+    themes: THEMES,
+    excludes: options.exclude_languages || ["mermaid"],
+    aliases: options.language_aliases || {},
+    collapseConfig: { enable: maxLines > 0, maxLines },
+    styleToClass: {
+      enable: !!(stc && stc.enable),
+      cssGetter: toClass ? toClass.getCSS : undefined,
+      css_output_path: stc ? stc.css_output_path : undefined,
+    },
+    transformers: enabledTransformers,
+    toolbarItems: {
+      lang: ti.lang != null ? ti.lang : true,
+      title: ti.title != null ? ti.title : true,
+      wrapToggle: ti.wrapToggle != null ? ti.wrapToggle : true,
+      copyButton: ti.copyButton != null ? ti.copyButton : true,
+    },
+  };
+}
+
+function renderCode(md, renderOptions) {
+  const cfg = parseConfig(renderOptions);
+
+  md.renderer.rules.fence = async (tokens, idx) => {
+    const token = tokens[idx];
+    if (!token) return "";
+
+    const code = token.content;
+    const lang = token.info.split(/\s+/)[0] || "";
+    const attrs = token.info.split(/\s+/).slice(1).join(" ");
+
+    if (cfg.excludes.includes(lang)) {
+      const escaped = escapeHtml(code);
+      return `<pre><code class="${lang}">${escaped}</code></pre>`;
+    }
+    const normalizedCode = code.replace(/\r?\n$/, "");
+    const mappedLang = cfg.aliases[lang] || lang;
+    let codeHtml;
+    try {
+      codeHtml = await codeToHtml(normalizedCode, {
+        lang: mappedLang,
+        themes: cfg.themes,
+        transformers: cfg.transformers,
+      });
+    } catch (err) {
+      console.warn(`[shiki] Language \`${mappedLang}\` is not supported, falling back to \`txt\`.`);
+      codeHtml = await codeToHtml(normalizedCode, {
+        lang: "txt",
+        themes: cfg.themes,
+        transformers: cfg.transformers,
+      });
+    }
+    await writeCssAsync(cfg.styleToClass.cssGetter, cfg.styleToClass.css_output_path);
+    codeHtml = codeHtml.replace(/<pre[^>]*>/, (match) => match.replace(/\s*style\s*=\s*"[^"]*"\s*tabindex="0"/, ""));
+
+    const title = attrs || "";
+    const shikiToolsHtml = createShikiTools(lang || "", title, cfg.toolbarItems);
+    const { expandButton, collapseAttrs } = computeCollapseAttributes(cfg, codeHtml);
+    return `<figure class="shiki" ${collapseAttrs}> ${shikiToolsHtml} ${codeHtml}${expandButton} </figure>`;
+  };
+
+  md.renderer.rules.code_inline = async (tokens, idx, _options, _env, self) => {
+    const token = tokens[idx];
+    if (!token) return "";
+
+    const content = token.content.trim();
+    const match = content.match(/^\{(\w+)\}\s+(.+)$/);
+    if (match === null) {
+      return `<code${self.renderAttrs(token)}>${escapeHtml(content)}</code>`;
+    }
+    const [, lang, code] = match;
+    if (!lang || !code) return `<code>${content}</code>`;
+    let highlighted;
+    try {
+      highlighted = await codeToHtml(code, {
+        lang: lang,
+        themes: cfg.themes,
+        structure: "inline",
+      });
+    } catch (err) {
+      console.warn(`[shiki] Language \`${lang}\` is not supported, falling back to \`txt\`.`);
+      highlighted = await codeToHtml(code, {
+        lang: "txt",
+        themes: cfg.themes,
+        structure: "inline",
+      });
+    }
+    return `<code${self.renderAttrs(token)}>${highlighted}</code>`;
+  };
+}
+
+module.exports = renderCode;
+module.exports.default = renderCode;
+

package/include/hexo/sitemap.js

@@ -0,0 +1,184 @@
+// Adapted from hexo-generator-sitemap (MIT, (c) Tommy Chen)
+// https://github.com/hexojs/hexo-generator-sitemap
+
+const { extname } = require("node:path");
+const { encodeURL, url_for } = require("hexo-util");
+
+const DEFAULT_CONFIG = {
+  path: ["sitemap.xml", "sitemap.txt"],
+  rel: false,
+  tags: true,
+  categories: true,
+};
+
+const DEFAULT_SKIP_PATTERNS = ["**/*.js", "**/*.css"];
+const REL_SITEMAP_RE = /rel=['|"]?sitemap['|"]?/i;
+const HEAD_RE = /<head>(?!<\/head>).+?<\/head>/s;
+const REGEX_ESCAPE_CHARS = "\\^$.+()[]{}|";
+
+function globToRegExp(pattern) {
+  let regex = "";
+  for (let i = 0; i < pattern.length; i++) {
+    const ch = pattern[i];
+    if (ch === "*") {
+      if (pattern[i + 1] === "*") {
+        regex += ".*";
+        i++;
+        if (pattern[i + 1] === "/") i++;
+      } else {
+        regex += "[^/]*";
+      }
+    } else if (ch === "?") {
+      regex += "[^/]";
+    } else if (REGEX_ESCAPE_CHARS.includes(ch)) {
+      regex += `\\${ch}`;
+    } else {
+      regex += ch;
+    }
+  }
+  return new RegExp(`^${regex}$`);
+}
+
+function buildMatcher(patterns) {
+  const compiled = patterns.map(globToRegExp);
+  return (value) => compiled.some((re) => re.test(value));
+}
+
+function normalizePaths(rawPath) {
+  const paths = Array.isArray(rawPath) ? rawPath : typeof rawPath === "string" ? [rawPath] : DEFAULT_CONFIG.path;
+  return paths.filter((p) => typeof p === "string" && p.trim()).map((p) => (extname(p) ? p : `${p}.xml`));
+}
+
+function formatDate(date) {
+  return date.toISOString().substring(0, 10);
+}
+
+function getLastMod(post) {
+  const value = post.updated || post.date;
+  if (!value) return null;
+  if (typeof value.toDate === "function") return value.toDate();
+  return value instanceof Date ? value : null;
+}
+
+function getSortKey(post) {
+  const value = post.updated;
+  if (!value) return 0;
+  if (typeof value.valueOf === "function") return value.valueOf();
+  return value instanceof Date ? value.getTime() : 0;
+}
+
+function renderXml({ posts, tags, categories, siteUrl, now }) {
+  const formattedNow = formatDate(now);
+
+  const postEntries = posts
+    .map((post) => {
+      const lastMod = getLastMod(post);
+      const lastModLine = lastMod ? `\n    <lastmod>${formatDate(lastMod)}</lastmod>` : "";
+      return `  <url>
+    <loc>${encodeURL(post.permalink)}</loc>${lastModLine}
+    <changefreq>monthly</changefreq>
+    <priority>0.6</priority>
+  </url>`;
+    })
+    .join("\n");
+
+  const taxonomyEntries = (items, freq, priority) =>
+    items
+      .map(
+        (item) => `  <url>
+    <loc>${encodeURL(item.permalink)}</loc>
+    <lastmod>${formattedNow}</lastmod>
+    <changefreq>${freq}</changefreq>
+    <priority>${priority}</priority>
+  </url>`,
+      )
+      .join("\n");
+
+  const sections = [
+    postEntries,
+    `  <url>
+    <loc>${encodeURL(siteUrl)}</loc>
+    <lastmod>${formattedNow}</lastmod>
+    <changefreq>daily</changefreq>
+    <priority>1.0</priority>
+  </url>`,
+    taxonomyEntries(tags, "weekly", "0.2"),
+    taxonomyEntries(categories, "weekly", "0.2"),
+  ].filter(Boolean);
+
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${sections.join("\n\n")}
+</urlset>
+`;
+}
+
+function renderTxt({ posts, tags, categories, siteUrl }) {
+  const lines = [
+    ...posts.map((post) => encodeURL(post.permalink)),
+    encodeURL(siteUrl),
+    ...tags.map((tag) => encodeURL(tag.permalink)),
+    ...categories.map((cat) => encodeURL(cat.permalink)),
+  ];
+  return `${lines.join("\n")}\n`;
+}
+
+const RENDERERS = {
+  ".xml": renderXml,
+  ".txt": renderTxt,
+};
+
+module.exports = (hexo) => {
+  const config = Object.assign({}, DEFAULT_CONFIG, hexo.config.sitemap);
+  config.path = normalizePaths(config.path);
+  hexo.config.sitemap = config;
+
+  hexo.extend.generator.register("sitemap", function (locals) {
+    const skipPatterns = [...DEFAULT_SKIP_PATTERNS];
+    const userSkip = this.config.skip_render;
+    if (Array.isArray(userSkip)) {
+      skipPatterns.push(...userSkip);
+    } else if (typeof userSkip === "string" && userSkip.length > 0) {
+      skipPatterns.push(userSkip);
+    }
+
+    const isSkipped = buildMatcher(skipPatterns);
+    const posts = []
+      .concat(locals.posts.toArray(), locals.pages.toArray())
+      .filter((post) => post.sitemap !== false && !isSkipped(post.source))
+      .sort((a, b) => getSortKey(b) - getSortKey(a));
+
+    if (posts.length === 0) {
+      config.rel = false;
+      return;
+    }
+
+    const context = {
+      posts,
+      tags: config.tags ? locals.tags.toArray() : [],
+      categories: config.categories ? locals.categories.toArray() : [],
+      siteUrl: this.config.url,
+      now: new Date(),
+    };
+
+    return config.path
+      .map((p) => {
+        const renderer = RENDERERS[extname(p)];
+        return renderer ? { path: p, data: renderer(context) } : null;
+      })
+      .filter(Boolean);
+  });
+
+  if (config.rel === true) {
+    hexo.extend.filter.register("after_render:html", function (data) {
+      const sitemapConfig = hexo.config.sitemap;
+      if (!sitemapConfig.rel || REL_SITEMAP_RE.test(data)) return data;
+
+      const xmlPath = sitemapConfig.path.find((p) => extname(p) === ".xml");
+      if (!xmlPath) return data;
+
+      const tag = `<link rel="sitemap" type="application/xml" title="Sitemap" href="${url_for.call(this, xmlPath)}">`;
+      return data.replace(HEAD_RE, (str) => str.replace("</head>", `${tag}</head>`));
+    });
+  }
+};

package/languages/en.yml

@@ -40,16 +40,10 @@ article:
   article_title: "Title"
   url: "URL"
   markdown_source: "Markdown source"
-  original_work: "Original work"
-  translation_note: "Translation note"
-  translation_reviewed: "manually reviewed"
-  translation_not_reviewed: "not manually reviewed"
-  yes: "Yes"
-  no: "No"
-  translation_methods:
-    llm: "LLM translation"
-    machine: "Machine translation"
-    human: "Human translation"
+  translation_info: "Translation"
+  translation_original: "Original"
+  translation_llm_reviewed: "LLM · reviewed"
+  translation_llm_unreviewed: "LLM · unreviewed"
   licensing:
     author: "Author"
     created_at: "Posted on"

package/languages/zh-CN.yml

@@ -40,16 +40,10 @@ article:
   article_title: "标题"
   url: "链接"
   markdown_source: "Markdown 源码"
-  original_work: "原语言作品"
-  translation_note: "翻译说明"
-  translation_reviewed: "已人工审阅"
-  translation_not_reviewed: "未人工审阅"
-  yes: "是"
-  no: "否"
-  translation_methods:
-    llm: "LLM 翻译"
-    machine: "机器翻译"
-    human: "人工翻译"
+  translation_info: "关于翻译"
+  translation_original: "原文"
+  translation_llm_reviewed: "LLM 翻译 · 已人工审阅"
+  translation_llm_unreviewed: "LLM 翻译 · 未人工审阅"
   licensing:
     author: "Author"
     created_at: "Posted"

package/layout/common/article.jsx

@@ -99,40 +99,65 @@ module.exports = class extends Component {
                 <div class="article-title-actions">
                   {hasComment && (
                     <button type="button" class="article-action-btn" popovertarget="article-comment-popover" aria-label={commentsLabel} title={commentsLabel}>
-                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-label={commentsLabel}>
+                      <svg
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="24"
+                        height="24"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        role="img"
+                        aria-label={commentsLabel}
+                      >
                         <title>{commentsLabel}</title>
-                        <g fill="none">
-                          <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                          <path
-                            fill="currentColor"
-                            d="M16 4a3 3 0 0 1 2.995 2.824L19 7v2a3 3 0 0 1 2.995 2.824L22 12v4a3 3 0 0 1-2.824 2.995L19 19v.966c0 1.02-1.143 1.594-1.954 1.033l-.096-.072L14.638 19H11a3 3 0 0 1-1.998-.762l-.14-.134L7 19.5c-.791.593-1.906.075-1.994-.879L5 18.5V17a3 3 0 0 1-2.995-2.824L2 14V7a3 3 0 0 1 2.824-2.995L5 4zm3 7h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3.638a2 2 0 0 1 1.28.464l1.088.906A1.5 1.5 0 0 1 18.5 17h.5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1m-3-5H5a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h.5A1.5 1.5 0 0 1 7 16.5v.5l1.01-.757A3 3 0 0 1 8 16v-4a3 3 0 0 1 3-3h6V7a1 1 0 0 0-1-1"
-                          />
-                        </g>
+                        <path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" />
+                        <path d="M8 12h.01" />
+                        <path d="M12 12h.01" />
+                        <path d="M16 12h.01" />
                       </svg>
                     </button>
                   )}
                   <button type="button" class="article-action-btn" popovertarget="article-font-settings" aria-label={helper.__("article.font_settings")} title={helper.__("article.font_settings")}>
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-label={helper.__("article.font_settings")}>
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="24"
+                      height="24"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      role="img"
+                      aria-label={helper.__("article.font_settings")}
+                    >
                       <title>{helper.__("article.font_settings")}</title>
-                      <g fill="none" fill-rule="evenodd">
-                        <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                        <path
-                          fill="currentColor"
-                          d="M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z"
-                        />
-                      </g>
+                      <path d="M12 4v16" />
+                      <path d="M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" />
+                      <path d="M9 20h6" />
                     </svg>
                   </button>
                   <button type="button" class="article-action-btn" popovertarget="article-info-popover" aria-label={helper.__("article.article_info")} title={helper.__("article.article_info")}>
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-label={helper.__("article.article_info")}>
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="24"
+                      height="24"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      role="img"
+                      aria-label={helper.__("article.article_info")}
+                    >
                       <title>{helper.__("article.article_info")}</title>
-                      <g fill="none">
-                        <path d="m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
-                        <path
-                          fill="currentColor"
-                          d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-.01 6c.558 0 1.01.452 1.01 1.01v5.124A1 1 0 0 1 12.5 18h-.49A1.01 1.01 0 0 1 11 16.99V12a1 1 0 1 1 0-2zM12 7a1 1 0 1 1 0 2a1 1 0 0 1 0-2"
-                        />
-                      </g>
+                      <circle cx="12" cy="12" r="10" />
+                      <path d="M12 16v-4" />
+                      <path d="M12 8h.01" />
                     </svg>
                   </button>
                 </div>

package/layout/common/article_info.jsx

@@ -1,36 +1,11 @@
 const { Component } = require("../../include/util/common");
 
-function getTranslatedValue(helper, key, fallback) {
-  const translated = helper.__(key);
-  return translated === key ? fallback : translated;
-}
-
-function getTranslationMethodLabel(method, helper) {
-  if (!method) return "";
-  const key = `article.translation_methods.${method}`;
-  return getTranslatedValue(helper, key, method);
-}
-
-function getOriginalWorkValue(page, helper) {
-  const value = page.i18n?.original ?? page.original;
-  if (typeof value !== "boolean") return null;
-  return value ? helper.__("article.yes") : helper.__("article.no");
-}
-
-function getTranslationNote(page, helper) {
-  const translation = page.i18n?.translation || page.translation;
-  if (!translation) return null;
-  if (typeof translation === "string") return translation;
-
-  const parts = [];
-  const method = getTranslationMethodLabel(translation.method, helper);
-  if (method) parts.push(method);
-  if (typeof translation.reviewed === "boolean") {
-    parts.push(helper.__(translation.reviewed ? "article.translation_reviewed" : "article.translation_not_reviewed"));
-  }
-  if (translation.note) parts.push(translation.note);
-
-  return parts.length ? parts.join(" · ") : null;
+function getTranslationInfo(page, helper) {
+  if (!page.i18n) return null;
+  const t = page.i18n.translation;
+  if (t === 1) return helper.__("article.translation_llm_reviewed");
+  if (t === 2) return helper.__("article.translation_llm_unreviewed");
+  return helper.__("article.translation_original");
 }
 
 function LanguageIcon({ title }) {
@@ -51,8 +26,7 @@ module.exports = class extends Component {
   render() {
     const { page, config, helper } = this.props;
     const { article } = config;
-    const originalWorkValue = getOriginalWorkValue(page, helper);
-    const translationNote = getTranslationNote(page, helper);
+    const translationInfo = getTranslationInfo(page, helper);
 
     const markdownSourceUrl = page.markdown_path ? helper.url_for(page.markdown_path) : null;
     const markdownSourceLabel = helper.__("article.markdown_source");
@@ -171,25 +145,14 @@ module.exports = class extends Component {
                 </div>
               </div>
             )}
-            {originalWorkValue && (
-              <div class="article-info-item">
-                <div class="article-info-icon">
-                  <LanguageIcon title={helper.__("article.original_work")} />
-                </div>
-                <div class="article-info-content">
-                  <span class="article-info-label">{helper.__("article.original_work")}</span>
-                  <span class="article-info-value">{originalWorkValue}</span>
-                </div>
-              </div>
-            )}
-            {translationNote && (
+            {translationInfo && (
               <div class="article-info-item">
                 <div class="article-info-icon">
-                  <LanguageIcon title={helper.__("article.translation_note")} />
+                  <LanguageIcon title={helper.__("article.translation_info")} />
                 </div>
                 <div class="article-info-content">
-                  <span class="article-info-label">{helper.__("article.translation_note")}</span>
-                  <span class="article-info-value">{translationNote}</span>
+                  <span class="article-info-label">{helper.__("article.translation_info")}</span>
+                  <span class="article-info-value">{translationInfo}</span>
                 </div>
               </div>
             )}