jvs-ppt-ui 0.0.10 → 0.0.12

package/scripts/mcp-smoke-test.js

@@ -0,0 +1,568 @@
+import { Client } from "@modelcontextprotocol/sdk/client/index.js";
+import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";
+
+const transport = new StdioClientTransport({
+  command: "node",
+  args: ["mcp/server.js"],
+});
+
+const client = new Client({
+  name: "jvs-ppt-ui-mcp-smoke",
+  version: "0.1.0",
+});
+
+await client.connect(transport);
+
+const presetLayouts = await client.callTool({
+  name: "list_preset_layouts",
+  arguments: {},
+});
+
+const dslLayouts = await client.callTool({
+  name: "list_semantic_dsl_layouts",
+  arguments: {},
+});
+
+const pptRegistry = await client.callTool({
+  name: "get_ppt_registry",
+  arguments: {},
+});
+
+const recommendedLayouts = await client.callTool({
+  name: "recommend_dsl_layouts",
+  arguments: {
+    topic: "MCP 生产级 PPT 工作流",
+    purpose: "需要说明方案对比、数据证明和落地路线图",
+    hasData: true,
+    hasProcess: true,
+    hasCompare: true,
+  },
+});
+
+const dslExamples = await client.callTool({
+  name: "list_dsl_examples",
+  arguments: { category: "industry" },
+});
+
+const dslExample = await client.callTool({
+  name: "get_dsl_example",
+  arguments: { exampleId: "ind-fin", topic: "金融智能投研风控底座" },
+});
+
+const dslOutline = await client.callTool({
+  name: "create_dsl_deck_outline",
+  arguments: {
+    topic: "MCP 生产级 PPT 工作流",
+    pageCount: 7,
+    styleVariant: "tech",
+  },
+});
+
+const registryValidation = await client.callTool({
+  name: "validate_dsl_against_registry",
+  arguments: {
+    dsl: dslOutline.structuredContent.dsl,
+  },
+});
+
+const dslPreview = await client.callTool({
+  name: "preview_dsl_compile_result",
+  arguments: {
+    dsl: dslOutline.structuredContent.dsl,
+    styleVariant: "tech",
+  },
+});
+
+const compiledDslDeck = await client.callTool({
+  name: "compile_dsl_to_deck",
+  arguments: {
+    title: "Compiled DSL Smoke Deck",
+    dsl: dslOutline.structuredContent.dsl,
+    styleVariant: "tech",
+  },
+});
+
+const aiRequest = await client.callTool({
+  name: "build_ai_generation_request",
+  arguments: {
+    topic: "MCP 生产级 PPT 工作流",
+    theme: "科技蓝",
+    pageCount: 8,
+  },
+});
+
+const motionStrategies = await client.callTool({
+  name: "list_motion_strategies",
+  arguments: {},
+});
+
+const aiWorkflowPlan = await client.callTool({
+  name: "build_ai_workflow_plan",
+  arguments: {
+    topic: "MCP 生产级 PPT 工作流",
+    pageCount: 8,
+  },
+});
+
+const mockAiSsePayload = `data: {"data": ${JSON.stringify(dslOutline.structuredContent.dsl)}}\n\ndata: [DONE]\n`;
+
+const normalizedAiDsl = await client.callTool({
+  name: "normalize_ai_dsl_payload",
+  arguments: {
+    payload: mockAiSsePayload,
+  },
+});
+
+const preparedAiDsl = await client.callTool({
+  name: "prepare_ai_dsl_for_compile",
+  arguments: {
+    payload: mockAiSsePayload,
+    styleVariant: "tech",
+  },
+});
+
+const storyboardResult = await client.callTool({
+  name: "create_storyboard",
+  arguments: {
+    topic: "MCP 生产级 PPT 工作流",
+    audience: "产品和研发负责人",
+    objective: "说明为什么要用 storyboard 和 blueprint 驱动生成",
+    pattern: "product_plan",
+  },
+});
+
+const storyboardDeck = await client.callTool({
+  name: "expand_storyboard_to_deck",
+  arguments: {
+    title: "Storyboard Smoke Deck",
+    storyboard: storyboardResult.structuredContent.storyboard,
+    theme: {
+      fontFamily: "Microsoft YaHei",
+      fontColor: "#111827",
+      backgroundColor: "#ffffff",
+      themeColor: ["#2563eb", "#0f766e", "#f59e0b", "#dc2626", "#7c3aed"],
+    },
+  },
+});
+
+const storyboardValidation = await client.callTool({
+  name: "validate_deck",
+  arguments: { deckId: storyboardDeck.structuredContent.deckId },
+});
+
+const created = await client.callTool({
+  name: "create_deck",
+  arguments: { title: "MCP 分步操作演示", withTitleSlide: false },
+});
+const deckId = created.structuredContent.deckId;
+
+const presetSlide = await client.callTool({
+  name: "add_slide_from_preset_layout",
+  arguments: {
+    deckId,
+    layoutId: "compare",
+    title: "被恢复的比较版式入口",
+    leftText: "<b>一次性生成</b><br><br>• 难以控制质量<br>• 不便局部返工<br>• 结构不透明",
+    rightText: "<b>分步操作</b><br><br>• 可按规范迭代<br>• 可局部调整<br>• agent 可继续完善",
+  },
+});
+
+const slide1 = await client.callTool({
+  name: "add_slide",
+  arguments: { deckId, title: "分步创建第一页", subtitle: "每个动作都是独立 MCP tool", notes: "Smoke test generated slide." },
+});
+const slideId = slide1.structuredContent.slideId;
+
+const title = await client.callTool({
+  name: "add_text",
+  arguments: {
+    deckId,
+    slide: slideId,
+    content: "Codex 可以像编辑器一样逐步操作 PPT",
+    style: { left: "8%", top: "18%", width: "84%", height: "70px", fontSize: "40px", fontWeight: "bold", textAlign: "center" },
+  },
+});
+
+await client.callTool({
+  name: "add_shape",
+  arguments: {
+    deckId,
+    slide: slideId,
+    shape: "roundRect",
+    text: "新增、修改、移动、导出都拆成独立入口",
+    style: { left: "18%", top: "42%", width: "64%", height: "110px", fill: "#2563eb", borderWidth: "0px", color: "#ffffff", fontSize: "22px" },
+  },
+});
+
+const component = await client.callTool({
+  name: "add_component",
+  arguments: {
+    deckId,
+    slide: slideId,
+    type: "metric_cards",
+    props: {
+      items: [
+        { label: "操作入口", value: "25+", note: "细粒度 tools" },
+        { label: "组件", value: "7", note: "可编辑组合" },
+        { label: "动效", value: "3类", note: "进入/退出/强调" },
+      ],
+      accentColor: "#0f766e",
+      fillColor: "#ecfdf5",
+    },
+  },
+});
+
+const snapshot = await client.callTool({
+  name: "create_snapshot",
+  arguments: { deckId, label: "before layout/theme operations" },
+});
+
+await client.callTool({
+  name: "replace_component_content",
+  arguments: {
+    deckId,
+    slide: slideId,
+    groupId: component.structuredContent.groupId,
+    replacements: {
+      "25+": "35+",
+      "7": "7类",
+      "3类": "3类动效",
+    },
+  },
+});
+
+await client.callTool({
+  name: "apply_theme",
+  arguments: {
+    deckId,
+    slide: slideId,
+    query: { groupId: component.structuredContent.groupId },
+    themeName: "calm_green",
+    scope: "selection",
+  },
+});
+
+await client.callTool({
+  name: "offset_elements",
+  arguments: {
+    deckId,
+    slide: slideId,
+    query: { groupId: component.structuredContent.groupId },
+    dy: 95,
+  },
+});
+
+await client.callTool({
+  name: "scale_group",
+  arguments: {
+    deckId,
+    slide: slideId,
+    query: { groupId: component.structuredContent.groupId },
+    scaleX: 0.92,
+    scaleY: 0.92,
+  },
+});
+
+await client.callTool({
+  name: "apply_animation_preset",
+  arguments: {
+    deckId,
+    slide: slideId,
+    groupId: component.structuredContent.groupId,
+    preset: "rise_sequence",
+    trigger: "click",
+    duration: 700,
+    staggerMs: 90,
+  },
+});
+
+await client.callTool({
+  name: "set_slide_transition",
+  arguments: { deckId, slide: slideId, transition: "fade" },
+});
+
+const dslSlide = await client.callTool({
+  name: "add_slide_from_dsl",
+  arguments: {
+    deckId,
+    schema: {
+      id: "smoke-dsl-chart",
+      title: "DSL 编译落地入口",
+      subtitle: "语义 DSL 可以直接变成真实可编辑元素",
+      layout: "chart-list",
+      styleVariant: "tech",
+      chart: {
+        labels: ["规范", "编译", "微调", "校验"],
+        datasets: [{ label: "完成度", data: [86, 78, 72, 91] }],
+        listTitle: "能力闭环",
+        listItems: [
+          { title: "语义规范", desc: "先用布局 DSL 约束内容结构。" },
+          { title: "真实落页", desc: "编译后可继续元素级编辑。" },
+          { title: "质量检查", desc: "再进入评分、修复和导出。" },
+        ],
+      },
+    },
+  },
+});
+
+const motionPreview = await client.callTool({
+  name: "preview_motion_timeline",
+  arguments: {
+    deckId,
+    slide: dslSlide.structuredContent.slideId,
+    strategy: "data_story",
+  },
+});
+
+const appliedMotion = await client.callTool({
+  name: "apply_motion_strategy",
+  arguments: {
+    deckId,
+    slide: dslSlide.structuredContent.slideId,
+    strategy: "data_story",
+    replaceExisting: true,
+  },
+});
+
+const motionInspection = await client.callTool({
+  name: "inspect_motion_timeline",
+  arguments: {
+    deckId,
+    slide: dslSlide.structuredContent.slideId,
+  },
+});
+
+const motionValidation = await client.callTool({
+  name: "validate_motion_timeline",
+  arguments: {
+    deckId,
+    slide: dslSlide.structuredContent.slideId,
+  },
+});
+
+const appendedDsl = await client.callTool({
+  name: "append_dsl_slides",
+  arguments: {
+    deckId,
+    dsl: [
+      {
+        id: "smoke-dsl-timeline",
+        title: "后续优化顺序",
+        subtitle: "从编译落地到评分修复",
+        layout: "timeline",
+        styleVariant: "tech",
+        steps: [
+          { num: "01", title: "编译落地", desc: "将 DSL 转为真实 slide。" },
+          { num: "02", title: "设计评分", desc: "判断页面是否达标。" },
+          { num: "03", title: "自动修复", desc: "按问题类型调整布局。" },
+          { num: "04", title: "动效编排", desc: "按叙事节奏补充动画。" },
+        ],
+      },
+    ],
+  },
+});
+
+const deckMotion = await client.callTool({
+  name: "apply_motion_strategy_to_deck",
+  arguments: {
+    deckId,
+    strategy: "auto",
+    replaceExisting: false,
+    maxAnimations: 8,
+  },
+});
+
+const stats = await client.callTool({
+  name: "get_deck_stats",
+  arguments: { deckId },
+});
+
+const layout = await client.callTool({
+  name: "inspect_slide_layout",
+  arguments: { deckId, slide: slideId, query: { groupId: component.structuredContent.groupId } },
+});
+
+const slideDesignScore = await client.callTool({
+  name: "score_slide_design",
+  arguments: { deckId, slide: slideId },
+});
+
+const deckDesignScore = await client.callTool({
+  name: "score_deck_design",
+  arguments: { deckId },
+});
+
+const deckPagesDesignScore = await client.callTool({
+  name: "score_deck_pages_design",
+  arguments: { deckId },
+});
+
+const slideSuggestions = await client.callTool({
+  name: "suggest_slide_improvements",
+  arguments: { deckId, slide: slideId },
+});
+
+const autoFixResult = await client.callTool({
+  name: "auto_fix_slide_layout",
+  arguments: { deckId, slide: slideId },
+});
+
+const validation = await client.callTool({
+  name: "validate_deck",
+  arguments: { deckId },
+});
+
+await client.callTool({
+  name: "move_element",
+  arguments: { deckId, elementId: title.structuredContent.elementId, top: "16%" },
+});
+
+const exportedJson = await client.callTool({
+  name: "export_deck_json",
+  arguments: { deckId, fileName: "mcp-smoke-test.json" },
+});
+
+const exportCapabilities = await client.callTool({
+  name: "get_pptx_export_capabilities",
+  arguments: {},
+});
+
+const exportCompatibility = await client.callTool({
+  name: "inspect_pptx_export_compatibility",
+  arguments: { deckId },
+});
+
+const exportPlan = await client.callTool({
+  name: "create_pptx_export_plan",
+  arguments: { deckId, strategy: "balanced" },
+});
+
+const safePreview = await client.callTool({
+  name: "preview_pptx_safe_deck",
+  arguments: { deckId },
+});
+
+const safeDeck = await client.callTool({
+  name: "create_pptx_safe_deck",
+  arguments: {
+    deckId,
+    newDeckId: `${deckId}_safe_smoke`,
+  },
+});
+
+const exportedSafePptx = await client.callTool({
+  name: "export_pptx_safe_deck",
+  arguments: { deckId, fileName: "mcp-smoke-test-safe.pptx" },
+});
+
+const renderedSafePptx = await client.callTool({
+  name: "render_pptx_to_images",
+  arguments: { pptxPath: exportedSafePptx.structuredContent.outputPath, dpi: 96 },
+});
+
+const renderedInspection = await client.callTool({
+  name: "inspect_rendered_images",
+  arguments: { imagePaths: renderedSafePptx.structuredContent.render.imagePaths },
+});
+
+const visualRegression = await client.callTool({
+  name: "run_pptx_visual_regression",
+  arguments: { pptxPath: exportedSafePptx.structuredContent.outputPath, dpi: 96 },
+});
+
+const exportedPptxWithReport = await client.callTool({
+  name: "export_deck_pptx_with_report",
+  arguments: { deckId, fileName: "mcp-smoke-test-with-report.pptx", strategy: "balanced", useSafeDeck: true },
+});
+
+const safeVisualExport = await client.callTool({
+  name: "export_pptx_safe_deck_with_visual_check",
+  arguments: { deckId, fileName: "mcp-smoke-test-safe-visual.pptx", dpi: 96 },
+});
+
+const reviewReport = await client.callTool({
+  name: "generate_deck_review_report",
+  arguments: {
+    deckId,
+    fileName: "mcp-smoke-test-review",
+    format: "both",
+    imagePaths: renderedSafePptx.structuredContent.render.imagePaths,
+    artifacts: {
+      json: exportedJson.structuredContent.outputPath,
+      safePptx: exportedSafePptx.structuredContent.outputPath,
+      pptxWithReport: exportedPptxWithReport.structuredContent.outputPath,
+      safeVisualPptx: safeVisualExport.structuredContent.outputPath,
+    },
+  },
+});
+
+const exportedPptx = await client.callTool({
+  name: "export_deck_pptx",
+  arguments: { deckId, fileName: "mcp-smoke-test.pptx" },
+});
+
+console.log(JSON.stringify({
+  deckId,
+  storyboardDeckId: storyboardDeck.structuredContent.deckId,
+  presetLayoutCount: presetLayouts.structuredContent.layouts.length,
+  registryVersion: pptRegistry.structuredContent.registry.version,
+  dslLayoutCount: dslLayouts.structuredContent.layouts.length,
+  recommendedLayouts: recommendedLayouts.structuredContent.layouts.map((item) => item.layout),
+  industryExampleCount: dslExamples.structuredContent.examples.length,
+  exampleSlides: dslExample.structuredContent.example.dsl.length,
+  dslOutlineSlides: dslOutline.structuredContent.dsl.length,
+  registryDslValid: registryValidation.structuredContent.valid,
+  registryIssueCount: registryValidation.structuredContent.issues.length,
+  dslPreview: dslPreview.structuredContent.preview,
+  compiledDslDeckId: compiledDslDeck.structuredContent.deckId,
+  compiledDslSlideCount: compiledDslDeck.structuredContent.slideCount,
+  aiEndpoint: aiRequest.structuredContent.request.endpoint,
+  aiWorkflowSteps: aiWorkflowPlan.structuredContent.plan.steps.length,
+  normalizedAiSlides: normalizedAiDsl.structuredContent.result.slideCount,
+  preparedAiReady: preparedAiDsl.structuredContent.result.ready,
+  motionStrategyCount: motionStrategies.structuredContent.strategies.length,
+  motionPreviewCount: motionPreview.structuredContent.timeline.animations.length,
+  appliedMotionCount: appliedMotion.structuredContent.result.animationCount,
+  motionValid: motionValidation.structuredContent.validation.valid,
+  motionInspectionCount: motionInspection.structuredContent.report.animationCount,
+  deckMotionAnimations: deckMotion.structuredContent.result.animationCount,
+  presetSlideId: presetSlide.structuredContent.slideId,
+  dslSlideId: dslSlide.structuredContent.slideId,
+  appendedDsl: appendedDsl.structuredContent.inserted,
+  storyboardValid: storyboardValidation.structuredContent.valid,
+  snapshotId: snapshot.structuredContent.snapshotId,
+  stats: stats.structuredContent.stats,
+  layout: layout.structuredContent.report,
+  slideDesignScore: slideDesignScore.structuredContent.score.score,
+  deckDesignScore: deckDesignScore.structuredContent.score.score,
+  deckPageScoreCount: deckPagesDesignScore.structuredContent.report.slides.length,
+  deckMinPageScore: Math.min(...deckPagesDesignScore.structuredContent.report.slides.map((slide) => slide.score)),
+  suggestionCount: slideSuggestions.structuredContent.suggestions.length,
+  autoFixChanged: autoFixResult.structuredContent.result.changed,
+  valid: validation.structuredContent.valid,
+  exportSupportedCount: exportCapabilities.structuredContent.capabilities.supported.length,
+  exportRiskLevel: exportCompatibility.structuredContent.report.riskLevel,
+  exportPlanReady: exportPlan.structuredContent.plan.ready,
+  exportReportWarnings: exportCompatibility.structuredContent.report.stats.warningCount,
+  safePreviewChanges: safePreview.structuredContent.preview.changeCount,
+  safePreviewAfterWarnings: safePreview.structuredContent.preview.afterWarnings,
+  safeDeckId: safeDeck.structuredContent.deckId,
+  safeDeckWarnings: safeDeck.structuredContent.report.stats.warningCount,
+  json: exportedJson.structuredContent.outputPath,
+  safePptx: exportedSafePptx.structuredContent.outputPath,
+  safePptxChanges: exportedSafePptx.structuredContent.changeCount,
+  renderedPageCount: renderedSafePptx.structuredContent.render.pageCount,
+  renderedValid: renderedInspection.structuredContent.inspection.valid,
+  visualRegressionValid: visualRegression.structuredContent.result.valid,
+  visualRegressionIssues: visualRegression.structuredContent.result.inspection.issues.length,
+  pptxWithReport: exportedPptxWithReport.structuredContent.outputPath,
+  pptxWithReportUsedSafe: exportedPptxWithReport.structuredContent.safeDeck.used,
+  safeVisualPptx: safeVisualExport.structuredContent.outputPath,
+  safeVisualValid: safeVisualExport.structuredContent.visual.valid,
+  reviewMarkdown: reviewReport.structuredContent.report.markdownPath,
+  reviewHtml: reviewReport.structuredContent.report.htmlPath,
+  reviewDesignScore: reviewReport.structuredContent.report.summary.designScore,
+  pptx: exportedPptx.structuredContent.outputPath,
+}, null, 2));
+
+await client.close();

package/scripts/patch-pptxtojson.cjs

@@ -0,0 +1,81 @@
+const fs = require('fs');
+const path = require('path');
+
+function patchFile(relPath) {
+  const filePath = path.resolve(__dirname, '..', relPath);
+  if (!fs.existsSync(filePath)) return;
+  let code = fs.readFileSync(filePath, 'utf8');
+  let modified = false;
+
+  // 1. Patch getHorizontalAlign to inherit from lstStyle & defPPr
+  if (!code.includes('algn = getAlignFromTextNode(pNode, lvlStr);')) {
+    const target = `function getHorizontalAlign(node, pNode, type, slideLayoutSpNode, slideMasterSpNode, warpObj) {
+  var algn = getTextByPathList(node, ['a:pPr', 'attrs', 'algn']);
+  if (!algn) algn = getTextByPathList(pNode, ['p:txBody', 'a:p', 'a:pPr', 'attrs', 'algn']);
+  if (!algn) {
+    var lvlIdx = getParagraphLevel(node);
+    var lvlStr = 'a:lvl' + lvlIdx + 'pPr';
+    algn = getAlignFromTextNode(slideLayoutSpNode, lvlStr);`;
+
+    const replacement = `function getHorizontalAlign(node, pNode, type, slideLayoutSpNode, slideMasterSpNode, warpObj) {
+  var algn = getTextByPathList(node, ['a:pPr', 'attrs', 'algn']);
+  if (!algn) algn = getTextByPathList(pNode, ['p:txBody', 'a:p', 'a:pPr', 'attrs', 'algn']);
+  if (!algn) {
+    var lvlIdx = getParagraphLevel(node);
+    var lvlStr = 'a:lvl' + lvlIdx + 'pPr';
+    algn = getAlignFromTextNode(pNode, lvlStr);
+    if (!algn) algn = getTextByPathList(pNode, ['p:txBody', 'a:lstStyle', 'a:defPPr', 'attrs', 'algn']);
+    if (!algn) algn = getAlignFromTextNode(slideLayoutSpNode, lvlStr);`;
+
+    if (code.includes(target)) {
+      code = code.replace(target, replacement);
+      modified = true;
+      console.log(`[patch-pptxtojson] Patched getHorizontalAlign in ${relPath}`);
+    }
+  }
+
+  // 2. Patch lineCap to read lineNode.attrs.cap (e.g. cap="rnd")
+  const capTarget = `var capNode = getTextByPathList(lineNode, ['a:cap', 'attrs']);
+  var lineCap = capNode ? capNode['val'] : 'flat';`;
+
+  const capReplacement = `var capNode = getTextByPathList(lineNode, ['a:cap', 'attrs']);
+  var capVal = (lineNode && lineNode['attrs'] && lineNode['attrs']['cap']) || (capNode ? capNode['val'] : 'flat');
+  var lineCap = 'flat';
+  if (capVal === 'rnd' || capVal === 'round') lineCap = 'round';
+  else if (capVal === 'sq' || capVal === 'square') lineCap = 'square';
+  else if (capVal === 'flat') lineCap = 'flat';`;
+
+  if (code.includes(capTarget)) {
+    code = code.replace(capTarget, capReplacement);
+    modified = true;
+    console.log(`[patch-pptxtojson] Patched lineCap (support cap="rnd") in ${relPath}`);
+  }
+
+  // 3. Patch shapePie to use parseFloat(H) instead of parseInt(H) to avoid distorting circular arcs
+  const pieTarget = `function shapePie(H, w, adj1, adj2, isClose) {
+  var pieVal = parseFloat(adj2);
+  var piAngle = parseFloat(adj1);
+  var size = parseInt(H);`;
+
+  const pieReplacement = `function shapePie(H, w, adj1, adj2, isClose) {
+  var pieVal = parseFloat(adj2);
+  var piAngle = parseFloat(adj1);
+  var size = parseFloat(H);`;
+
+  if (code.includes(pieTarget)) {
+    code = code.replace(pieTarget, pieReplacement);
+    modified = true;
+    console.log(`[patch-pptxtojson] Patched shapePie (use parseFloat(H)) in ${relPath}`);
+  }
+
+  if (modified) {
+    fs.writeFileSync(filePath, code, 'utf8');
+    console.log(`[patch-pptxtojson] Saved updates to ${relPath}`);
+  } else {
+    console.log(`[patch-pptxtojson] All patches already applied or targets not found in ${relPath}`);
+  }
+}
+
+patchFile('node_modules/jvs-pptxtojson/dist/index.js');
+patchFile('node_modules/jvs-pptxtojson/dist/index.cjs');
+patchFile('node_modules/jvs-pptxtojson/dist/index.umd.js');

package/scripts/verify-fonts.cjs

@@ -0,0 +1,20 @@
+const fs = require('fs')
+const path = require('path')
+const css = fs.readFileSync('public/jvs-ppt-ui/fonts/fonts.css', 'utf8')
+const urls = [...css.matchAll(/url\('([^']+)'\)/g)].map(m => m[1])
+let missing = 0
+for (const u of urls) {
+  const p = path.join('public', decodeURIComponent(u.replace(/^\//, '')))
+  if (!fs.existsSync(p)) { missing++; console.log('MISSING', u) }
+}
+console.log('total refs:', urls.length, 'missing:', missing)
+const woff2s = [];
+(function walk(d) {
+  for (const n of fs.readdirSync(d)) {
+    const f = path.join(d, n)
+    fs.statSync(f).isDirectory() ? walk(f) : f.endsWith('.woff2') && woff2s.push(f)
+  }
+})('public/jvs-ppt-ui/fonts')
+let sum = 0
+for (const f of woff2s) sum += fs.statSync(f).size
+console.log('woff2 files:', woff2s.length, 'total:', (sum / 1024 / 1024).toFixed(2) + 'MB')

package/src/App.vue

@@ -46,7 +46,7 @@ async function handleCustomUpload(fileOrBlob: File | Blob, context: UploadResour
 <template>
   <!-- :custom-upload="handleCustomUpload" -->
   <PptEditor ref="editorRef" :custom-upload="handleCustomUpload" :enable-mcp="true" :enable-ai="true"
-    ai-api-url="/jvs-dam/api/ppt/ai-replace" :enable-material="true"
+    ai-api-url="/jvs-dam/api/ppt/ai-replace" :enable-material="true" :readonly="true" :show-sidebar-right="false"
     material-tree-api-url="/jvs-dam/api/dam/material/tree" material-page-api-url="/jvs-dam/api/dam/material/page"
     material-api-url="/jvs-dam/api/dam/material/tree" material-save-api-url="/jvs-dam/api/dam/material/save"
     @save="handleSave" @ready="handleReady" />