jvs-ppt-ui 0.0.10 → 0.0.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jvs-ppt-ui",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "main": "./dist/lib/jvs-ppt-ui.umd.js",
   "module": "./dist/lib/jvs-ppt-ui.es.js",
@@ -17,19 +17,19 @@
   },
   "files": [
     "dist/lib",
-    "src"
+    "src",
+    "scripts"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "build:web": "vite build --config vite.config.web.ts",
-    "build:lib": "vite build --config vite.config.lib.ts",
+    "build": "node scripts/patch-pptxtojson.cjs && vue-tsc -b && vite build",
+    "build:web": "node scripts/patch-pptxtojson.cjs && vite build --config vite.config.web.ts",
+    "build:lib": "node scripts/patch-pptxtojson.cjs && vite build --config vite.config.lib.ts",
     "preview": "vite preview",
     "parse": "node parse_pptx.cjs",
     "mcp": "node mcp/server.js",
     "mcp:http": "node mcp/server.js --http --host 0.0.0.0 --port 3209",
-    "mcp:smoke": "node scripts/mcp-smoke-test.js",
-    "postinstall": "node scripts/patch-pptxtojson.cjs"
+    "mcp:smoke": "node scripts/mcp-smoke-test.js"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.29.0",

package/scripts/check_connectors.cjs

@@ -0,0 +1,25 @@
+const fs = require('fs');
+const JSZip = require('jszip');
+
+async function test() {
+  const buf = fs.readFileSync('C:/Users/57087/Desktop/组合的元素7.pptx');
+  const zip = await JSZip.loadAsync(buf);
+  for (let i = 1; i <= 6; i++) {
+    const sXml = await zip.file('ppt/slides/slide' + i + '.xml')?.async('text');
+    if (!sXml) continue;
+    console.log(`=== Slide ${i} ===`);
+    const cxnMatches = sXml.match(/<p:cxnSp[\s\S]*?<\/p:cxnSp>/g) || [];
+    console.log(`Slide ${i} has ${cxnMatches.length} cxnSp`);
+    for (const m of cxnMatches) {
+      console.log(m);
+    }
+    const spMatches = sXml.match(/<p:sp[\s\S]*?<\/p:sp>/g) || [];
+    console.log(`Slide ${i} has ${spMatches.length} sp`);
+    for (const m of spMatches) {
+      const name = m.match(/name="([^"]+)"/)?.[1];
+      const prst = m.match(/prst="([^"]+)"/)?.[1];
+      console.log(`  sp name=${name}, prst=${prst}`);
+    }
+  }
+}
+test().catch(console.error);

package/scripts/check_slide1.cjs

@@ -0,0 +1,11 @@
+const fs = require('fs');
+const JSZip = require('jszip');
+
+async function test() {
+  const buf = fs.readFileSync('C:/Users/57087/Desktop/组合的元素7.pptx');
+  const zip = await JSZip.loadAsync(buf);
+  const sXml = await zip.file('ppt/slides/slide1.xml')?.async('text');
+  console.log('=== Slide 1 XML ===');
+  console.log(sXml);
+}
+test().catch(console.error);

package/scripts/check_slide123.cjs

@@ -0,0 +1,25 @@
+const fs = require('fs');
+const JSZip = require('jszip');
+
+async function test() {
+  const buf = fs.readFileSync('C:/Users/57087/Desktop/组合的元素7.pptx');
+  const zip = await JSZip.loadAsync(buf);
+  for (const i of [1, 2, 3]) {
+    const sXml = await zip.file('ppt/slides/slide' + i + '.xml')?.async('text');
+    if (!sXml) continue;
+    console.log(`=== Slide ${i} ===`);
+    const cxnMatches = sXml.match(/<p:cxnSp[\s\S]*?<\/p:cxnSp>/g) || [];
+    console.log(`Slide ${i} cxnSp count: ${cxnMatches.length}`);
+    for (const m of cxnMatches) {
+      console.log(m);
+    }
+    const spMatches = sXml.match(/<p:sp[\s\S]*?<\/p:sp>/g) || [];
+    console.log(`Slide ${i} sp count: ${spMatches.length}`);
+    for (const m of spMatches) {
+      if (m.includes('Connector') || m.includes('connector') || m.includes('cxn')) {
+        console.log('Connector sp:', m);
+      }
+    }
+  }
+}
+test().catch(console.error);

package/scripts/convert-fonts-to-woff2.cjs

@@ -0,0 +1,97 @@
+/**
+ * 无损字体瘦身：public/jvs-ppt-ui/fonts 下所有 .ttf/.otf 转 .woff2（不做子集化，字形完整保留）
+ * - 重写 fonts.css：url 换 .woff2 + format('woff2')，去掉完全重复的 @font-face 块
+ * - 原始 ttf/otf 移到仓库根 fonts-src/（镜像目录结构），不再进 dist
+ * 用法：node scripts/convert-fonts-to-woff2.cjs
+ */
+const fs = require('fs')
+const path = require('path')
+const wawoff2 = require('wawoff2')
+
+const FONT_ROOT = path.join(__dirname, '..', 'public', 'jvs-ppt-ui', 'fonts')
+const BACKUP_ROOT = path.join(__dirname, '..', 'fonts-src')
+
+function fmtSize(n) {
+  return n > 1024 * 1024 ? (n / 1024 / 1024).toFixed(2) + 'MB' : (n / 1024).toFixed(0) + 'KB'
+}
+
+async function main() {
+  // 1. 收集全部 ttf/otf
+  const files = []
+  ;(function walk(dir) {
+    for (const name of fs.readdirSync(dir)) {
+      const full = path.join(dir, name)
+      const st = fs.statSync(full)
+      if (st.isDirectory()) walk(full)
+      else if (/\.(ttf|otf)$/i.test(name)) files.push(full)
+    }
+  })(FONT_ROOT)
+  console.log(`发现 ${files.length} 个字体文件，开始转换...`)
+
+  // 2. 逐个压缩为同名 .woff2
+  let totalBefore = 0
+  let totalAfter = 0
+  const failed = []
+  for (const file of files) {
+    const buf = fs.readFileSync(file)
+    const out = file.replace(/\.(ttf|otf)$/i, '.woff2')
+    try {
+      const compressed = Buffer.from(await wawoff2.compress(buf))
+      fs.writeFileSync(out, compressed)
+      totalBefore += buf.length
+      totalAfter += compressed.length
+      console.log(`  ok  ${path.relative(FONT_ROOT, file)}  ${fmtSize(buf.length)} -> ${fmtSize(compressed.length)}`)
+    } catch (e) {
+      failed.push({ file, error: e.message })
+      console.log(`  FAIL ${path.relative(FONT_ROOT, file)}: ${e.message}`)
+    }
+  }
+  console.log(`\n转换完成（成功文件）：${fmtSize(totalBefore)} -> ${fmtSize(totalAfter)}`)
+  if (failed.length) console.log(`失败 ${failed.length} 个（css 将保留其原引用）`)
+
+  // 3. 重写 fonts.css（失败文件保持原 url 不动）
+  const failedRel = new Set(failed.map(f => path.relative(FONT_ROOT, f.file).replace(/\\/g, '/')))
+  const cssPath = path.join(FONT_ROOT, 'fonts.css')
+  let css = fs.readFileSync(cssPath, 'utf8')
+  css = css.replace(/url\(([^)]*?\.(?:ttf|otf))\)\s*format\('(?:truetype|opentype)'\)/g, (m, url) => {
+    const decoded = decodeURIComponent(url.replace(/^['"]|['"]$/g, '')).replace(/^\/+/, '')
+    const rel = decoded.replace(/^jvs-ppt-ui\/fonts\//, '')
+    if (failedRel.has(rel)) return m
+    return `url(${url.replace(/\.(ttf|otf)$/i, '.woff2')}) format('woff2')`
+  })
+
+  // 4. 去掉完全相同的 @font-face 重复块
+  const blockRe = /@font-face\s*\{[^}]*\}/g
+  const seen = new Set()
+  let dedupCount = 0
+  css = css.replace(blockRe, (block) => {
+    const key = block.replace(/\s+/g, ' ')
+    if (seen.has(key)) {
+      dedupCount++
+      return ''
+    }
+    seen.add(key)
+    return block
+  })
+  css = css.replace(/\n{3,}/g, '\n\n')
+  fs.writeFileSync(cssPath, css)
+  console.log(`fonts.css 已更新（去除重复块 ${dedupCount} 个）`)
+
+  // 5. 移走原始 ttf/otf（仅当对应 woff2 已生成）
+  let moved = 0
+  for (const file of files) {
+    const woff2File = file.replace(/\.(ttf|otf)$/i, '.woff2')
+    if (!fs.existsSync(woff2File)) continue
+    const rel = path.relative(FONT_ROOT, file)
+    const dest = path.join(BACKUP_ROOT, rel)
+    fs.mkdirSync(path.dirname(dest), { recursive: true })
+    fs.renameSync(file, dest)
+    moved++
+  }
+  console.log(`原始字体已移至 ${path.relative(process.cwd(), BACKUP_ROOT)}（${moved} 个）`)
+}
+
+main().catch(e => {
+  console.error(e)
+  process.exit(1)
+})

package/scripts/extract-slides.ts

@@ -0,0 +1,149 @@
+import fs from 'fs';
+import path from 'path';
+import 'jvs-pptxtojson';
+
+// 从全局挂载中读取解析函数
+const parseFn = (globalThis as any).pptxtojson?.parse;
+
+// 微信备份目录
+const WECHAT_DIR = '/Users/guojing/Library/Containers/com.tencent.xinWeChat/Data/Documents/xwechat_files/aaguo521001_70b6/msg/file/2026-06';
+// 前端模板输出目录
+const OUTPUT_DIR = path.resolve('./public/templates');
+const SLIDES_DIR = path.join(OUTPUT_DIR, 'slides');
+
+// 极轻量级的透明 1x1 像素 GIF 占位符，防止巨大的 Base64 大图拖垮前端性能与打包体积
+const TRANSPARENT_PLACEHOLDER = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+
+// 抽取单页中最核心的文字作为标题预览
+function extractTitle(slide: any): string {
+  let bestText = '';
+  let maxFontSize = 0;
+
+  const checkText = (content: string) => {
+    if (!content) return;
+    // 匹配 HTML 标签内的文字
+    const cleanText = content.replace(/<[^>]+>/g, '').trim();
+    if (!cleanText || cleanText.length < 2) return;
+
+    // 尝试匹配 font-size: \d+pt
+    const sizeMatch = content.match(/font-size:\s*(\d+)pt/i);
+    const size = sizeMatch ? parseInt(sizeMatch[1]) : 12;
+
+    if (size > maxFontSize && cleanText.length < 40) {
+      maxFontSize = size;
+      bestText = cleanText;
+    } else if (!bestText && cleanText.length < 30) {
+      bestText = cleanText;
+    }
+  };
+
+  const elements = [...(slide.elements || []), ...(slide.layoutElements || [])];
+  for (const el of elements) {
+    if (el.content) {
+      checkText(el.content);
+    }
+  }
+
+  return bestText || '无文字页面';
+}
+
+// 深度净化 Slide 结构，做防爆截断和大图占位替换
+function sanitizeSlideData(slide: any) {
+  // 1. 清洗背景图
+  if (slide.fill && slide.fill.type === 'image' && slide.fill.value && slide.fill.value.base64) {
+    if (slide.fill.value.base64.length > 50000) { // 大于 50KB 替换
+      slide.fill.value.base64 = TRANSPARENT_PLACEHOLDER;
+    }
+  }
+
+  // 2. 清洗元素中的大图
+  const elements = [...(slide.elements || []), ...(slide.layoutElements || [])];
+  for (const el of elements) {
+    if (el.type === 'image' && el.src) {
+      if (el.src.startsWith('data:') && el.src.length > 20000) {
+        el.src = TRANSPARENT_PLACEHOLDER;
+      }
+    }
+  }
+}
+
+async function run() {
+  if (!parseFn) {
+    console.error("Error: pptxtojson.parse is not loaded globally.");
+    process.exit(1);
+  }
+
+  console.log(`Scanning WeChat directory: ${WECHAT_DIR}`);
+  if (!fs.existsSync(WECHAT_DIR)) {
+    console.error(`wechat directory not found: ${WECHAT_DIR}`);
+    process.exit(1);
+  }
+
+  // 递归查找 pptx 文件
+  const files = fs.readdirSync(WECHAT_DIR);
+  const pptxFiles = files.filter(f => f.toLowerCase().endsWith('.pptx') && !f.startsWith('~$'));
+  console.log(`Found ${pptxFiles.length} PPTX files to process.`);
+
+  // 创建输出目录
+  if (!fs.existsSync(OUTPUT_DIR)) fs.mkdirSync(OUTPUT_DIR, { recursive: true });
+  if (!fs.existsSync(SLIDES_DIR)) fs.mkdirSync(SLIDES_DIR, { recursive: true });
+
+  const indexList: any[] = [];
+
+  for (const file of pptxFiles) {
+    const filePath = path.join(WECHAT_DIR, file);
+    const pptName = path.basename(file, '.pptx');
+    console.log(`\n============================`);
+    console.log(`Parsing PPTX: ${file}`);
+    
+    try {
+      const buffer = fs.readFileSync(filePath);
+      const json = await parseFn(buffer, { imageMode: 'base64' });
+      const size = json.size || { width: 720, height: 405 };
+      const slides = json.slides || [];
+      console.log(`Successfully parsed: ${slides.length} slides, canvas size: ${size.width}x${size.height}`);
+
+      for (let i = 0; i < slides.length; i++) {
+        const rawSlide = slides[i];
+        const title = extractTitle(rawSlide);
+        
+        // 净化大图 Base64 减小体积
+        sanitizeSlideData(rawSlide);
+
+        // 写入单个单页的原始 DSL
+        const slideFileName = `${pptName}_slide_${i + 1}.json`;
+        const slideFilePath = path.join(SLIDES_DIR, slideFileName);
+        
+        fs.writeFileSync(slideFilePath, JSON.stringify({
+          originalSize: size,
+          slide: rawSlide
+        }, null, 2));
+
+        // 收集到索引元数据
+        indexList.push({
+          id: `${pptName}_${i + 1}`,
+          title: title,
+          pptSource: pptName,
+          slideIndex: i + 1,
+          fileName: slideFileName,
+          elementsCount: (rawSlide.elements || []).length + (rawSlide.layoutElements || []).length,
+          originalWidth: size.width,
+          originalHeight: size.height
+        });
+      }
+      console.log(`Saved ${slides.length} slides for ${file}`);
+    } catch (err) {
+      console.error(`Failed to process PPTX ${file}:`, err);
+    }
+  }
+
+  // 写入前端统一索引用 index.json
+  const indexPath = path.join(OUTPUT_DIR, 'index.json');
+  fs.writeFileSync(indexPath, JSON.stringify({
+    totalSlides: indexList.length,
+    templates: indexList
+  }, null, 2));
+  console.log(`\nAll done! Successfully generated template index: ${indexPath} (Total slides: ${indexList.length})`);
+}
+
+run().catch(console.error);

package/scripts/find_candidate_pptx.cjs

@@ -0,0 +1,34 @@
+const fs = require('fs');
+const path = require('path');
+const JSZip = require('jszip');
+
+async function checkFile(filePath) {
+  try {
+    const buf = fs.readFileSync(filePath);
+    const zip = await JSZip.loadAsync(buf);
+    const slideFiles = Object.keys(zip.files).filter(k => k.startsWith('ppt/slides/slide') && k.endsWith('.xml'));
+    for (const sf of slideFiles) {
+      const xml = await zip.file(sf)?.async('text');
+      if (!xml) continue;
+      // Check if it has 2 rects and 1 connector
+      if (xml.includes('bentConnector') || (xml.includes('cxnSp') && xml.includes('rect'))) {
+        const cxnCount = (xml.match(/<p:cxnSp/g) || []).length;
+        const spCount = (xml.match(/<p:sp/g) || []).length;
+        console.log(`Match in ${path.basename(filePath)} [${sf}]: spCount=${spCount}, cxnCount=${cxnCount}`);
+        if (spCount <= 5 && cxnCount <= 2) {
+          console.log(`*** CANDIDATE: ${path.basename(filePath)} [${sf}] ***`);
+          console.log(xml);
+        }
+      }
+    }
+  } catch (e) {}
+}
+
+async function main() {
+  const dir = 'C:/Users/57087/Desktop';
+  const files = fs.readdirSync(dir).filter(f => f.endsWith('.pptx'));
+  for (const f of files) {
+    await checkFile(path.join(dir, f));
+  }
+}
+main();

package/scripts/find_orange_slide.cjs

@@ -0,0 +1,29 @@
+const fs = require('fs');
+const JSZip = require('jszip');
+
+async function main() {
+  const dir = 'C:/Users/57087/Desktop';
+  const files = fs.readdirSync(dir);
+  for (const f of files) {
+    if (!f.endsWith('.pptx')) continue;
+    try {
+      const p = dir + '/' + f;
+      const zip = await JSZip.loadAsync(fs.readFileSync(p));
+      const slideFiles = Object.keys(zip.files).filter(k => k.startsWith('ppt/slides/slide') && k.endsWith('.xml'));
+      for (const sf of slideFiles) {
+        const xml = await zip.file(sf)?.async('text');
+        if (!xml) continue;
+        if (xml.includes('bentConnector2') || xml.includes('bentConnector3')) {
+          console.log(`===> ${f} [${sf}]`);
+          const matches = xml.match(/<p:cxnSp[\s\S]*?<\/p:cxnSp>/g) || [];
+          for (const m of matches) {
+            if (m.includes('bentConnector')) {
+              console.log(m);
+            }
+          }
+        }
+      }
+    } catch(e) {}
+  }
+}
+main();