agent-reader 1.0.0

package/src/core/slideshow.js

@@ -0,0 +1,383 @@
+import { randomBytes } from 'node:crypto';
+import { promises as fs } from 'node:fs';
+import path from 'node:path';
+import { createRequire } from 'node:module';
+import { fileURLToPath } from 'node:url';
+import { processAssets } from './assets.js';
+import { naturalCompare } from '../utils/naturalSort.js';
+
+const require = createRequire(import.meta.url);
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const TEMPLATE_PATH = path.resolve(__dirname, '../templates/slideshow.html');
+const SWIPER_ROOT = path.dirname(require.resolve('swiper/package.json'));
+const SWIPER_CSS_PATH = path.join(SWIPER_ROOT, 'swiper-bundle.min.css');
+const SWIPER_JS_PATH = path.join(SWIPER_ROOT, 'swiper-bundle.min.js');
+
+const IMAGE_EXTENSIONS = new Set(['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp']);
+
+function isImageFile(fileName) {
+  return IMAGE_EXTENSIONS.has(path.extname(fileName).toLowerCase());
+}
+
+function escapeHtml(value) {
+  return String(value)
+    .replaceAll('&', '&')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;')
+    .replaceAll('"', '&quot;')
+    .replaceAll("'", '&#39;');
+}
+
+function slideLabelFromFileName(fileName) {
+  const raw = path.basename(fileName, path.extname(fileName));
+  return raw.replace(/[_-]+/g, ' ').trim() || fileName;
+}
+
+function buildSlideHtml(fileName, slideNumber) {
+  return `<div class="swiper-slide" data-slide-number="${slideNumber}"><img src="./${fileName}" alt="${fileName}" loading="lazy" decoding="async"></div>`;
+}
+
+function buildThumbHtml(fileName) {
+  return `<div class="swiper-slide"><img src="./${fileName}" alt="${fileName}" loading="lazy" decoding="async"></div>`;
+}
+
+function buildTocItemHtml(fileName, index) {
+  const label = escapeHtml(slideLabelFromFileName(fileName));
+  return `<button class="slide-toc-item" type="button" data-slide-index="${index}"><span class="slide-toc-index">${index + 1}</span><span class="slide-toc-label">${label}</span></button>`;
+}
+
+function extractBetween(markup, id) {
+  const regex = new RegExp(`<section data-id=\"${id}\">([\\s\\S]*?)<\\/section>`);
+  const result = markup.match(regex);
+  return result ? result[1] : '';
+}
+
+export async function createSlideshow(imageDir, options = {}) {
+  const {
+    autoPlay,
+    inlineAll = false,
+    outDir,
+    theme = 'light',
+  } = options;
+
+  void theme;
+
+  const dirPath = path.resolve(imageDir);
+  const dirEntries = await fs.readdir(dirPath, { withFileTypes: true });
+  const files = dirEntries
+    .filter((entry) => entry.isFile())
+    .map((entry) => entry.name)
+    .filter(isImageFile)
+    .sort(naturalCompare);
+
+  const warnings = [];
+  if (files.length === 0) {
+    warnings.push(`no images found in ${dirPath}`);
+  }
+
+  const slides = files.map((fileName, index) => buildSlideHtml(fileName, index + 1)).join('\n');
+  const thumbs = files.map(buildThumbHtml).join('\n');
+  const tocItems = files.map(buildTocItemHtml).join('\n');
+
+  const wrapped = `<section data-id="slides">${slides}</section><section data-id="thumbs">${thumbs}</section>`;
+  const assetResult = await processAssets(wrapped, {
+    baseDir: dirPath,
+    outDir,
+    inlineAll,
+    fetchRemote: false,
+  });
+
+  const processedSlides = extractBetween(assetResult.html, 'slides');
+  const processedThumbs = extractBetween(assetResult.html, 'thumbs');
+
+  warnings.push(...assetResult.warnings);
+
+  const [template, swiperCss, swiperJs] = await Promise.all([
+    fs.readFile(TEMPLATE_PATH, 'utf8'),
+    fs.readFile(SWIPER_CSS_PATH, 'utf8'),
+    fs.readFile(SWIPER_JS_PATH, 'utf8'),
+  ]);
+
+  const customCss = `
+${swiperCss}
+html, body {
+  margin: 0;
+  background: #090e1a;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
+}
+.shell { min-height: 100vh; display: flex; flex-direction: column; }
+.toolbar { position: fixed; top: 14px; right: 16px; z-index: 110; display: flex; gap: 8px; }
+.toolbar button {
+  border: 1px solid rgba(255,255,255,0.1);
+  border-radius: 999px;
+  padding: 7px 14px;
+  cursor: pointer;
+  background: rgba(30,30,30,0.6);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  color: #fff;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  transition: background 0.2s ease;
+}
+.toolbar button:hover { background: rgba(60,60,60,0.7); }
+.toolbar button svg { flex-shrink: 0; }
+.slide-toc-drawer {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: min(360px, 85vw);
+  height: 100vh;
+  background: rgba(5, 9, 20, 0.96);
+  border-right: 1px solid rgba(148, 163, 184, 0.32);
+  transform: translateX(-100%);
+  transition: transform 0.24s ease;
+  z-index: 105;
+  padding: 16px;
+  box-sizing: border-box;
+  overflow: auto;
+}
+.slide-toc-drawer.is-open { transform: translateX(0); }
+.slide-toc-title { margin: 0 0 12px; font-size: 16px; }
+.slide-toc-list { display: flex; flex-direction: column; gap: 6px; }
+.slide-toc-item {
+  border: 1px solid rgba(148, 163, 184, 0.3);
+  background: rgba(15, 23, 42, 0.6);
+  color: inherit;
+  text-align: left;
+  border-radius: 8px;
+  padding: 8px 10px;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  cursor: pointer;
+}
+.slide-toc-item:hover { background: rgba(30, 41, 59, 0.8); }
+.slide-toc-item.is-active {
+  border-color: rgba(56, 189, 248, 0.85);
+  background: rgba(14, 116, 144, 0.35);
+}
+.slide-toc-index {
+  width: 24px;
+  text-align: center;
+  font-weight: 700;
+  font-size: 12px;
+  border-radius: 999px;
+  background: rgba(148, 163, 184, 0.3);
+  padding: 2px 0;
+}
+.slide-toc-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.main-swiper { flex: 1; width: 100vw; }
+.main-swiper .swiper-slide { display: flex; align-items: center; justify-content: center; background: #04070e; }
+.main-swiper img { max-width: 100%; max-height: calc(100vh - 120px); object-fit: contain; }
+.main-swiper .swiper-button-prev,
+.main-swiper .swiper-button-next {
+  width: 44px; height: 44px;
+  background: rgba(0,0,0,0.5);
+  border-radius: 50%;
+  transition: background 0.2s ease, transform 0.2s ease;
+}
+.main-swiper .swiper-button-prev:hover,
+.main-swiper .swiper-button-next:hover {
+  background: rgba(0,0,0,0.8);
+  transform: scale(1.1);
+}
+.main-swiper .swiper-button-prev::after,
+.main-swiper .swiper-button-next::after {
+  font-size: 18px;
+  color: #fff;
+}
+.thumb-swiper { height: 112px; background: rgba(0,0,0,0.4); overflow: hidden; }
+.thumb-swiper .swiper-wrapper { scrollbar-width: none; }
+.thumb-swiper .swiper-wrapper::-webkit-scrollbar { display: none; }
+.thumb-swiper .swiper-slide {
+  width: 132px;
+  opacity: 0.45;
+  border: 2px solid transparent;
+  border-radius: 6px;
+  overflow: hidden;
+  box-sizing: border-box;
+  transition: opacity 0.2s ease, border-color 0.2s ease;
+}
+.thumb-swiper .swiper-slide:hover { opacity: 0.8; }
+.thumb-swiper .swiper-slide-thumb-active {
+  opacity: 1;
+  border-color: #3B82F6;
+  box-shadow: 0 0 8px rgba(59,130,246,0.4);
+}
+.thumb-swiper img { width: 100%; height: 100%; object-fit: cover; }
+:fullscreen .shell { height: 100vh; }
+:fullscreen .thumb-swiper { display: none; }
+:fullscreen .toolbar { display: none; }
+:fullscreen .main-swiper { flex: 1; height: 100vh; }
+:fullscreen .main-swiper .swiper-slide { height: 100vh; background: #000; }
+:fullscreen .main-swiper img { max-height: 100vh; max-width: 100vw; }
+@media print {
+  * { margin: 0; padding: 0; }
+  body { background: #fff; }
+  .toolbar, .thumb-swiper, .slide-toc-drawer,
+  .swiper-button-prev, .swiper-button-next { display: none !important; }
+  .shell { display: block; min-height: auto; }
+  .main-swiper { overflow: visible !important; height: auto !important; }
+  .main-swiper .swiper-wrapper { display: block !important; transform: none !important; }
+  .main-swiper .swiper-slide {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    width: 100vw !important;
+    height: 100vh !important;
+    page-break-after: always;
+    break-after: page;
+    background: #fff !important;
+  }
+  .main-swiper .swiper-slide:last-child { page-break-after: auto; break-after: auto; }
+  .main-swiper img { max-width: 90vw; max-height: 90vh; object-fit: contain; }
+}
+`;
+
+  const nonce = randomBytes(16).toString('base64url');
+  const autoplayConfig = Number(autoPlay) > 0
+    ? `autoplay: { delay: ${Math.round(Number(autoPlay) * 1000)}, disableOnInteraction: false },`
+    : '';
+
+  const script = `
+${swiperJs}
+const tocDrawer = document.getElementById('slide-toc-drawer');
+const tocToggleBtn = document.getElementById('toc-toggle-btn');
+const tocItems = Array.from(document.querySelectorAll('.slide-toc-item'));
+
+const thumbs = new Swiper('.thumb-swiper', {
+  spaceBetween: 8,
+  slidesPerView: 'auto',
+  watchSlidesProgress: true,
+  freeMode: true,
+});
+
+const main = new Swiper('.main-swiper', {
+  effect: 'fade',
+  fadeEffect: { crossFade: true },
+  keyboard: { enabled: true },
+  lazy: { loadPrevNext: true, loadPrevNextAmount: 2 },
+  preloadImages: false,
+  virtual: { addSlidesBefore: 2, addSlidesAfter: 2 },
+  navigation: {
+    nextEl: '.swiper-button-next',
+    prevEl: '.swiper-button-prev',
+  },
+  thumbs: { swiper: thumbs },
+  ${autoplayConfig}
+});
+
+const setActiveToc = (index) => {
+  tocItems.forEach((item) => {
+    item.classList.toggle('is-active', Number(item.dataset.slideIndex) === index);
+  });
+};
+
+setActiveToc(0);
+main.on('slideChange', () => {
+  const activeIndex = Number.isInteger(main.realIndex) ? main.realIndex : main.activeIndex;
+  setActiveToc(activeIndex || 0);
+});
+
+tocItems.forEach((item) => {
+  item.addEventListener('click', () => {
+    const targetIndex = Number(item.dataset.slideIndex || 0);
+    main.slideTo(targetIndex);
+    tocDrawer?.classList.remove('is-open');
+  });
+});
+
+tocToggleBtn?.addEventListener('click', () => {
+  tocDrawer?.classList.toggle('is-open');
+});
+
+const fsBtn = document.getElementById('fullscreen-btn');
+fsBtn?.addEventListener('click', async () => {
+  if (!document.fullscreenElement) {
+    await document.documentElement.requestFullscreen();
+  } else {
+    await document.exitFullscreen();
+  }
+});
+
+const exportBtn = document.getElementById('export-btn');
+exportBtn?.addEventListener('click', async () => {
+  exportBtn.disabled = true;
+  exportBtn.textContent = '生成中…';
+  try {
+    const res = await fetch('/api/export?format=pdf&source=/_print.html');
+    if (!res.ok) throw new Error('export failed');
+    const blob = await res.blob();
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = res.headers.get('Content-Disposition')?.match(/filename="(.+)"/)?.[1] || 'slideshow.pdf';
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  } catch (e) {
+    alert('导出失败: ' + e.message);
+  } finally {
+    exportBtn.disabled = false;
+    exportBtn.textContent = '导出';
+  }
+});
+`;
+
+  const csp = `default-src 'none'; script-src 'nonce-${nonce}'; style-src 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; base-uri 'none'; frame-ancestors 'none';`;
+
+  const html = template
+    .replaceAll('{{TITLE}}', 'Agent Reader Slideshow')
+    .replaceAll('{{CSP}}', csp)
+    .replaceAll('{{STYLES}}', customCss)
+    .replaceAll('{{TOC_ITEMS}}', tocItems || '<p>暂无可用目录</p>')
+    .replaceAll('{{SLIDES}}', processedSlides)
+    .replaceAll('{{THUMBS}}', processedThumbs)
+    .replaceAll('{{NONCE}}', nonce)
+    .replaceAll('{{SCRIPT}}', script);
+
+  const printSlides = files.map((f) =>
+    `<div class="page"><img src="./${f}"></div>`
+  ).join('\n');
+
+  const printWrapped = `<section data-id="print">${printSlides}</section>`;
+  const printAssetResult = await processAssets(printWrapped, {
+    baseDir: dirPath,
+    outDir,
+    inlineAll,
+    fetchRemote: false,
+  });
+  const processedPrintSlides = extractBetween(printAssetResult.html, 'print');
+
+  const printHtml = `<!doctype html>
+<html><head><meta charset="utf-8"><style>
+@page { size: A4 landscape; margin: 0; }
+* { margin: 0; padding: 0; }
+body { background: #fff; }
+.page {
+  width: 100vw; height: 100vh;
+  display: flex; align-items: center; justify-content: center;
+  page-break-after: always; break-after: page;
+  background: #fff;
+}
+.page:last-child { page-break-after: auto; break-after: auto; }
+img { max-width: 95vw; max-height: 95vh; object-fit: contain; }
+</style></head><body>${processedPrintSlides}</body></html>`;
+
+  return {
+    html,
+    printHtml,
+    imageCount: files.length,
+    assets: assetResult.assets,
+    warnings,
+  };
+}

package/src/core/templates/docx-table.lua

@@ -0,0 +1,4 @@
+-- Pandoc Lua filter for docx: placeholder
+-- Column widths are now handled by Markdown preprocessing (proportional dashes)
+-- and python-docx postprocessing (tblLayout=fixed).
+-- This filter is kept as a hook point for future table enhancements.

package/src/core/themes/dark.css

@@ -0,0 +1,256 @@
+:root {
+  color-scheme: dark;
+  --bg: #0a1323;
+  --text: #dbe5f3;
+  --text-muted: #afbdd3;
+  --card: #0f1d33;
+  --border: #263852;
+  --heading: #f5f8ff;
+  --link: #88c7ff;
+  --link-hover: #b6dcff;
+  --code-bg: #1c2f4c;
+  --code-text: #dbe7ff;
+  --blockquote-bg: rgba(33, 50, 76, 0.68);
+  --blockquote-border: #5f84bd;
+  --table-head: #1d2d46;
+  --table-stripe: rgba(255, 255, 255, 0.02);
+  --toc-card-bg: rgba(14, 27, 46, 0.92);
+  --toc-border: #2a3f5f;
+  --toc-shadow: 0 26px 50px -34px rgba(1, 6, 16, 0.88);
+  --toc-hover-bg: rgba(136, 199, 255, 0.13);
+  --toc-active-bg: rgba(136, 199, 255, 0.2);
+  --toc-active-border: #7ec2ff;
+  --toc-active-text: #cde8ff;
+  --toc-header-text: #f2f7ff;
+  --toc-muted: rgba(210, 226, 248, 0.72);
+  --toc-toggle-bg: rgba(11, 22, 38, 0.84);
+  --toc-toggle-hover-bg: rgba(16, 33, 56, 0.95);
+  --toc-toggle-border: #324966;
+  --toc-toggle-text: #d6e5fa;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  min-height: 100%;
+}
+
+body {
+  background:
+    radial-gradient(circle at 0% 0%, rgba(13, 110, 189, 0.22), transparent 34%),
+    radial-gradient(circle at 88% 2%, rgba(14, 165, 233, 0.12), transparent 36%),
+    linear-gradient(180deg, #081221 0%, #0a1528 46%, #0b182c 100%);
+  color: var(--text);
+  font-family: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
+  font-size: 18px;
+  line-height: 1.82;
+  text-rendering: optimizeLegibility;
+}
+
+.page {
+  max-width: 1360px;
+  margin: 0 auto;
+  padding: 32px 24px 72px;
+  box-sizing: border-box;
+}
+
+.doc-panel {
+  min-width: 0;
+}
+
+.markdown-body {
+  background: linear-gradient(180deg, #12233d 0%, #0f1d33 100%);
+  border: 1px solid var(--border);
+  border-radius: 24px;
+  padding: 46px 56px 52px;
+  box-sizing: border-box;
+  color: var(--text);
+  box-shadow: 0 30px 62px -50px rgba(1, 6, 16, 0.9);
+  overflow-wrap: anywhere;
+}
+
+.markdown-body > :first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body > :last-child {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body :is(h1, h2, h3, h4, h5, h6) {
+  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
+  color: var(--heading);
+  letter-spacing: 0.01em;
+  line-height: 1.32;
+  margin-top: 1.7em;
+  margin-bottom: 0.62em;
+}
+
+.markdown-body h1 {
+  font-size: clamp(2rem, 1.35rem + 1.7vw, 2.5rem);
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 0.34em;
+  margin-top: 0.2em;
+}
+
+.markdown-body h2 {
+  font-size: clamp(1.45rem, 1.2rem + 0.9vw, 1.9rem);
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
+  padding-bottom: 0.24em;
+}
+
+.markdown-body h3 {
+  font-size: clamp(1.2rem, 1.1rem + 0.45vw, 1.46rem);
+}
+
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  font-size: 1.05rem;
+}
+
+.markdown-body p,
+.markdown-body li,
+.markdown-body td,
+.markdown-body th,
+.markdown-body dd,
+.markdown-body dt {
+  color: var(--text);
+  font-size: 1.02rem;
+}
+
+.markdown-body p {
+  margin: 0.74em 0;
+}
+
+.markdown-body a {
+  color: var(--link);
+  text-decoration-thickness: 0.08em;
+  text-underline-offset: 0.18em;
+}
+
+.markdown-body a:hover {
+  color: var(--link-hover);
+}
+
+.markdown-body ul,
+.markdown-body ol {
+  margin: 0.75em 0 1em;
+  padding-left: 1.5em;
+}
+
+.markdown-body li {
+  margin: 0.35em 0;
+}
+
+.markdown-body blockquote {
+  margin: 1.1em 0;
+  border-left: 4px solid var(--blockquote-border);
+  background: var(--blockquote-bg);
+  color: var(--text-muted);
+  padding: 0.85em 1em;
+  border-radius: 0 10px 10px 0;
+}
+
+.markdown-body code {
+  background: var(--code-bg);
+  color: var(--code-text);
+  border-radius: 6px;
+  padding: 0.14em 0.4em;
+  font-size: 0.9em;
+}
+
+.markdown-body pre {
+  margin: 1.05em 0;
+  border-radius: 14px;
+  padding: 16px 18px;
+  overflow: auto;
+  border: 1px solid #31496d;
+  background: #081324;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+.markdown-body pre code {
+  background: transparent;
+  color: #dbe7ff;
+  padding: 0;
+  border-radius: 0;
+}
+
+.markdown-body table {
+  width: 100%;
+  margin: 1.15em 0;
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.markdown-body table th,
+.markdown-body table td {
+  border: 0;
+  border-bottom: 1px solid var(--border);
+  border-right: 1px solid var(--border);
+  padding: 0.7em 0.78em;
+}
+
+.markdown-body table th:last-child,
+.markdown-body table td:last-child {
+  border-right: 0;
+}
+
+.markdown-body table tr:last-child td {
+  border-bottom: 0;
+}
+
+.markdown-body table th {
+  background: var(--table-head);
+  color: var(--heading);
+  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
+  font-size: 0.95rem;
+}
+
+.markdown-body table tr:nth-child(2n) td {
+  background: var(--table-stripe);
+}
+
+.markdown-body hr {
+  height: 1px;
+  border: 0;
+  background: color-mix(in srgb, var(--border) 82%, transparent);
+  margin: 1.8em 0;
+}
+
+.markdown-body img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 1.1em auto;
+  border-radius: 14px;
+  border: 1px solid color-mix(in srgb, var(--border) 92%, transparent);
+  box-shadow: 0 12px 24px -22px rgba(0, 0, 0, 0.85);
+}
+
+@media (max-width: 1120px) {
+  .page {
+    padding: 74px 14px 38px;
+  }
+
+  .markdown-body {
+    padding: 34px 24px 38px;
+    border-radius: 18px;
+  }
+}
+
+@media (max-width: 720px) {
+  body {
+    font-size: 16px;
+    line-height: 1.75;
+  }
+
+  .markdown-body {
+    padding: 28px 18px 30px;
+  }
+}