@topmindspace/tms-skills 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/CHANGELOG.md +76 -0
  2. package/README.md +9 -3
  3. package/bin/tms-skills.js +200 -160
  4. package/package.json +12 -9
  5. package/top-ppt-html/README.md +162 -254
  6. package/top-ppt-html/SKILL.md +126 -111
  7. package/top-ppt-html/assets/examples/2026-09-09-architecture-graphite-dark.html +3926 -3926
  8. package/top-ppt-html/assets/examples/2026-09-09-architecture-graphite-dark.model.json +167 -167
  9. package/top-ppt-html/assets/examples/2026-09-09-presentation-business-blue.html +4325 -4325
  10. package/top-ppt-html/assets/examples/2026-09-09-presentation-business-blue.model.json +320 -320
  11. package/top-ppt-html/assets/examples/2026-09-09-research-mckinsey.html +5527 -5527
  12. package/top-ppt-html/assets/examples/2026-09-09-research-mckinsey.model.json +913 -913
  13. package/top-ppt-html/assets/pptx-export.js +1944 -1944
  14. package/top-ppt-html/assets/style-gallery.html +589 -589
  15. package/top-ppt-html/assets/templates/architecture.html +3728 -3728
  16. package/top-ppt-html/assets/templates/engine.css +840 -840
  17. package/top-ppt-html/assets/templates/presentation.html +3738 -3738
  18. package/top-ppt-html/assets/templates/research.html +4017 -4017
  19. package/top-ppt-html/assets/templates/ui.js +520 -520
  20. package/top-ppt-html/assets/theme-overview-architecture.png +0 -0
  21. package/top-ppt-html/assets/theme-overview-research.png +0 -0
  22. package/top-ppt-html/assets/theme-overview.png +0 -0
  23. package/top-ppt-html/evals/prompts.csv +15 -15
  24. package/top-ppt-html/evals/rubric.schema.json +25 -25
  25. package/top-ppt-html/evals/run_evals.py +220 -220
  26. package/top-ppt-html/evals/trace.example.json +16 -16
  27. package/top-ppt-html/package-lock.json +186 -0
  28. package/top-ppt-html/package.json +11 -11
  29. package/top-ppt-html/references/charts-basic.md +624 -624
  30. package/top-ppt-html/references/charts-discipline.md +110 -108
  31. package/top-ppt-html/references/charts-extended.md +482 -482
  32. package/top-ppt-html/references/charts.md +37 -28
  33. package/top-ppt-html/references/components-atoms.md +624 -624
  34. package/top-ppt-html/references/components.md +30 -30
  35. package/top-ppt-html/references/content-rules.md +510 -490
  36. package/top-ppt-html/references/default-surface.md +61 -0
  37. package/top-ppt-html/references/design-system.md +478 -478
  38. package/top-ppt-html/references/failure-modes.md +227 -214
  39. package/top-ppt-html/references/high-fidelity.md +127 -127
  40. package/top-ppt-html/references/icons.md +176 -397
  41. package/top-ppt-html/references/infographics-stats.md +308 -308
  42. package/top-ppt-html/references/infographics-structure.md +226 -226
  43. package/top-ppt-html/references/infographics.md +43 -43
  44. package/top-ppt-html/references/layout-grammar.md +325 -315
  45. package/top-ppt-html/references/layouts-architecture.md +108 -108
  46. package/top-ppt-html/references/layouts-combo.md +600 -600
  47. package/top-ppt-html/references/layouts-research.md +160 -160
  48. package/top-ppt-html/references/modes.md +259 -254
  49. package/top-ppt-html/references/outline-design.md +275 -275
  50. package/top-ppt-html/references/playbook.md +284 -266
  51. package/top-ppt-html/references/pptx-export.md +227 -209
  52. package/top-ppt-html/references/presentation-craft.md +69 -0
  53. package/top-ppt-html/references/styles.md +370 -370
  54. package/top-ppt-html/references/tech-design.md +138 -138
  55. package/top-ppt-html/scripts/audit_css.py +109 -109
  56. package/top-ppt-html/scripts/audit_docs.py +176 -176
  57. package/top-ppt-html/scripts/audit_skill.py +231 -220
  58. package/top-ppt-html/scripts/audit_styles.py +351 -351
  59. package/top-ppt-html/scripts/build_examples.py +55 -2276
  60. package/top-ppt-html/scripts/build_pptx.js +2386 -2380
  61. package/top-ppt-html/scripts/capture_theme_overview.js +79 -78
  62. package/top-ppt-html/scripts/checks_html.py +166 -127
  63. package/top-ppt-html/scripts/cross_verify.py +298 -294
  64. package/top-ppt-html/scripts/env_probe.py +158 -158
  65. package/top-ppt-html/scripts/extract_model.py +210 -210
  66. package/top-ppt-html/scripts/extract_snippet.py +374 -374
  67. package/top-ppt-html/scripts/gen_channel_a.js +214 -214
  68. package/top-ppt-html/scripts/layout-constants.json +111 -18
  69. package/top-ppt-html/scripts/lib_layout_regions.js +410 -412
  70. package/top-ppt-html/scripts/measure_height.py +178 -178
  71. package/top-ppt-html/scripts/negative_tests.py +433 -307
  72. package/top-ppt-html/scripts/package_skill.py +294 -291
  73. package/top-ppt-html/scripts/prepare_images.py +341 -341
  74. package/top-ppt-html/scripts/probe_image_export.py +187 -188
  75. package/top-ppt-html/scripts/quality_gate.py +309 -301
  76. package/top-ppt-html/scripts/recommend_layout.py +384 -0
  77. package/top-ppt-html/scripts/regression.py +308 -308
  78. package/top-ppt-html/scripts/render_compare.py +275 -275
  79. package/top-ppt-html/scripts/render_from_model.py +698 -698
  80. package/top-ppt-html/scripts/scaffold_report.py +1054 -1054
  81. package/top-ppt-html/scripts/section-file-map.json +104 -104
  82. package/top-ppt-html/scripts/smoke_pptx.sh +30 -0
  83. package/top-ppt-html/scripts/sync_runtime.py +659 -662
  84. package/top-ppt-html/scripts/validate_pptx.py +1579 -1510
  85. package/top-ppt-html/scripts/validate_report.py +1755 -1456
  86. package/top-ppt-html/assets/examples/2026-09-09-architecture-spectrum.html +0 -3926
  87. package/top-ppt-html/assets/examples/2026-09-09-architecture-spectrum.model.json +0 -168
  88. package/top-ppt-html/assets/examples/2026-09-09-presentation-apple-mono.html +0 -4325
  89. package/top-ppt-html/assets/examples/2026-09-09-presentation-apple-mono.model.json +0 -321
  90. package/top-ppt-html/assets/examples/2026-09-09-presentation-brand-red.html +0 -4325
  91. package/top-ppt-html/assets/examples/2026-09-09-presentation-brand-red.model.json +0 -321
  92. package/top-ppt-html/assets/examples/2026-09-09-research-deep-teal.html +0 -5527
  93. package/top-ppt-html/assets/examples/2026-09-09-research-deep-teal.model.json +0 -914
  94. package/top-ppt-html/assets/examples/2026-09-09-research-indigo-violet.html +0 -5527
  95. package/top-ppt-html/assets/examples/2026-09-09-research-indigo-violet.model.json +0 -914
  96. package/top-ppt-html/assets/examples/2026-09-09-research-warm-sand.html +0 -5527
  97. package/top-ppt-html/assets/examples/2026-09-09-research-warm-sand.model.json +0 -914
  98. package/top-ppt-html/assets/theme-overview-presentation.png +0 -0
  99. package/top-ppt-html/references/design-system-engine.md +0 -235
  100. package/top-ppt-html/references/industry-benchmark.md +0 -105
  101. package/top-ppt-html/references/reform-plan.md +0 -252
  102. package/top-ppt-html/scripts/layout_slots.json +0 -830
@@ -1,341 +1,341 @@
1
- #!/usr/bin/env python3
2
- # -*- coding: utf-8 -*-
3
- """TopPPT HTML · 用户图片素材准备
4
-
5
- 把用户提供的图片处理成**可直接放进报告**的素材:
6
- ① 读尺寸/格式/体积(纯标准库解析 PNG/JPEG/GIF/WebP/SVG 头部,无需第三方依赖);
7
- ② 按 imageSpec.recommendedSizePx 检查是否够大(不足会提示,避免放大糊);
8
- ③ 需要时缩放/压缩(检测到 Pillow 才启用,缺失自动跳过并给出建议);
9
- ④ 生成两种落地形态:**data: 内联**(单文件零外链,随报告走)或 **相对路径**(体积大时推荐);
10
- ⑤ 直接产出可粘贴的 HTML 片段与 REPORT_MODEL 的 image 对象片段。
11
-
12
- 用法:
13
- python scripts/prepare_images.py <图片|目录> [更多图片…]
14
- [--layout full|half|bleed|grid|compare|wall] 默认 full
15
- [--out <目录>] 输出目录(默认当前目录下的 report-assets/)
16
- [--mode inline|path] inline=base64 内联(默认,受体积上限约束);path=复制到 out 并用相对路径
17
- [--max-bytes N] 单图内联上限(默认取 layout-constants.json imageSpec.maxInlineBytes)
18
- [--json] 只打印机器可读 JSON
19
- [--no-resize] 禁用缩放(即使 Pillow 可用)
20
-
21
- 产出(写到 --out 目录):
22
- images-snippets.html HTML 图片片段(.media 族,含占位示例)
23
- images-model.json REPORT_MODEL 的 image 对象片段(可直接并入 sections[])
24
-
25
- 依赖:仅标准库;可选 Pillow(有则缩放/压缩,无则原样内联并提示)。
26
- """
27
- from __future__ import annotations
28
-
29
- import argparse
30
- import base64
31
- import json
32
- import re
33
- import shutil
34
- import sys
35
- from pathlib import Path
36
-
37
- try:
38
- sys.stdout.reconfigure(encoding='utf-8', errors='replace')
39
- sys.stderr.reconfigure(encoding='utf-8', errors='replace')
40
- except Exception:
41
- pass
42
-
43
- ROOT = Path(__file__).resolve().parent.parent
44
- LC_PATH = Path(__file__).resolve().parent / 'layout-constants.json'
45
- IMAGE_EXT = {'.png', '.jpg', '.jpeg', '.webp', '.gif', '.svg'}
46
- MIME = {'.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg',
47
- '.webp': 'image/webp', '.gif': 'image/gif', '.svg': 'image/svg+xml'}
48
-
49
-
50
- def load_image_spec() -> dict:
51
- try:
52
- lc = json.loads(LC_PATH.read_text(encoding='utf-8'))
53
- spec = lc.get('imageSpec') or {}
54
- return spec if isinstance(spec, dict) else {}
55
- except (OSError, json.JSONDecodeError):
56
- return {}
57
-
58
-
59
- SPEC = load_image_spec()
60
-
61
-
62
- def ratio_num(spec: str) -> float:
63
- """'3:1' → 3.0;非法返回 0。"""
64
- m = re.match(r'\s*(\d+(?:\.\d+)?)\s*[:/×x]\s*(\d+(?:\.\d+)?)', str(spec or ''))
65
- if not m:
66
- return 0.0
67
- a, b = float(m.group(1)), float(m.group(2))
68
- return a / b if a > 0 and b > 0 else 0.0
69
-
70
-
71
- def target_width(layout: str) -> int:
72
- """imageSpec.recommendedSizePx 形如 '2000×1125' → 2000。"""
73
- raw = str((SPEC.get('recommendedSizePx') or {}).get(layout) or '2000×1125')
74
- m = re.match(r'\s*(\d+)', raw)
75
- return int(m.group(1)) if m else 2000
76
-
77
-
78
- def read_size(path: Path) -> tuple[int, int] | None:
79
- """纯标准库读位图尺寸(PNG/JPEG/GIF/WebP);SVG 走文本解析。"""
80
- try:
81
- data = path.read_bytes()[:65536]
82
- except OSError:
83
- return None
84
- if len(data) < 16:
85
- return None
86
- # PNG
87
- if data[:8] == b'\x89PNG\r\n\x1a\n':
88
- return int.from_bytes(data[16:20], 'big'), int.from_bytes(data[20:24], 'big')
89
- # GIF
90
- if data[:6] in (b'GIF87a', b'GIF89a'):
91
- return int.from_bytes(data[6:8], 'little'), int.from_bytes(data[8:10], 'little')
92
- # JPEG:扫描 SOF 段
93
- if data[:2] == b'\xff\xd8':
94
- i = 2
95
- while i + 9 < len(data):
96
- if data[i] != 0xFF:
97
- i += 1
98
- continue
99
- marker = data[i + 1]
100
- if marker in (0xD8, 0x01) or 0xD0 <= marker <= 0xD7:
101
- i += 2
102
- continue
103
- if marker == 0xD9:
104
- break
105
- seg_len = int.from_bytes(data[i + 2:i + 4], 'big')
106
- if 0xC0 <= marker <= 0xCF and marker not in (0xC4, 0xC8, 0xCC):
107
- h = int.from_bytes(data[i + 5:i + 7], 'big')
108
- w = int.from_bytes(data[i + 7:i + 9], 'big')
109
- return w, h
110
- i += 2 + max(2, seg_len)
111
- return None
112
- # WebP
113
- if data[:4] == b'RIFF' and data[8:12] == b'WEBP':
114
- chunk = data[12:16]
115
- if chunk == b'VP8X' and len(data) >= 30:
116
- w = int.from_bytes(data[24:27], 'little') + 1
117
- h = int.from_bytes(data[27:30], 'little') + 1
118
- return w, h
119
- if chunk == b'VP8 ' and len(data) >= 30:
120
- w = int.from_bytes(data[26:28], 'little') & 0x3FFF
121
- h = int.from_bytes(data[28:30], 'little') & 0x3FFF
122
- return w, h
123
- if chunk == b'VP8L' and len(data) >= 25:
124
- bits = int.from_bytes(data[21:25], 'little')
125
- return (bits & 0x3FFF) + 1, ((bits >> 14) & 0x3FFF) + 1
126
- return None
127
-
128
-
129
- def read_svg_size(path: Path) -> tuple[int, int] | None:
130
- try:
131
- head = path.read_text(encoding='utf-8', errors='replace')[:2048]
132
- except OSError:
133
- return None
134
- w = re.search(r'width\s*=\s*["\']?\s*(\d+(?:\.\d+)?)', head)
135
- h = re.search(r'height\s*=\s*["\']?\s*(\d+(?:\.\d+)?)', head)
136
- if w and h:
137
- return int(float(w.group(1))), int(float(h.group(1)))
138
- vb = re.search(r'viewBox\s*=\s*["\']([\d.\-\s,]+)["\']', head)
139
- if vb:
140
- nums = re.split(r'[\s,]+', vb.group(1).strip())
141
- if len(nums) == 4:
142
- return int(float(nums[2])), int(float(nums[3]))
143
- return None
144
-
145
-
146
- def ratio_label(w: int, h: int) -> str:
147
- if not w or not h:
148
- return '未知'
149
- from math import gcd
150
- g = gcd(w, h) or 1
151
- a, b = w // g, h // g
152
- if a > 40 or b > 40:
153
- return f'{w / h:.2f}:1'
154
- return f'{a}:{b}'
155
-
156
-
157
- def try_resize(src: Path, dst: Path, want_w: int) -> bool:
158
- """有 Pillow 时缩放/压缩;无则返回 False(调用方回落原图)。"""
159
- try:
160
- from PIL import Image # type: ignore
161
- except Exception:
162
- return False
163
- try:
164
- with Image.open(src) as im:
165
- im.load()
166
- w, h = im.size
167
- if w > want_w:
168
- im = im.resize((want_w, max(1, round(h * want_w / w))), Image.LANCZOS)
169
- if dst.suffix.lower() in ('.jpg', '.jpeg'):
170
- if im.mode in ('RGBA', 'P', 'LA'):
171
- bg = Image.new('RGB', im.size, (255, 255, 255))
172
- bg.paste(im.convert('RGBA'), mask=im.convert('RGBA').split()[-1])
173
- im = bg
174
- else:
175
- im = im.convert('RGB')
176
- im.save(dst, 'JPEG', quality=82, optimize=True, progressive=True)
177
- else:
178
- im.save(dst, optimize=True)
179
- return True
180
- except Exception:
181
- return False
182
-
183
-
184
- def collect_inputs(args_paths: list[str]) -> list[Path]:
185
- out: list[Path] = []
186
- for raw in args_paths:
187
- p = Path(raw)
188
- if p.is_dir():
189
- out.extend(sorted(q for q in p.rglob('*') if q.suffix.lower() in IMAGE_EXT))
190
- elif p.is_file():
191
- out.append(p)
192
- else:
193
- print(f'[跳过] 不存在: {raw}')
194
- seen, uniq = set(), []
195
- for p in out:
196
- if p.resolve() not in seen:
197
- seen.add(p.resolve())
198
- uniq.append(p)
199
- return uniq
200
-
201
-
202
- def main() -> int:
203
- ap = argparse.ArgumentParser(description='TopPPT HTML 用户图片素材准备')
204
- ap.add_argument('paths', nargs='+', help='图片文件或目录(可多个)')
205
- ap.add_argument('--layout', default='full', choices=list(SPEC.get('layouts') or
206
- ['full', 'half', 'bleed', 'grid', 'compare', 'wall']))
207
- ap.add_argument('--out', default=None, help='输出目录(默认 ./report-assets)')
208
- ap.add_argument('--mode', default='inline', choices=['inline', 'path'])
209
- ap.add_argument('--max-bytes', type=int, default=int(SPEC.get('maxInlineBytes') or 1572864))
210
- ap.add_argument('--json', action='store_true')
211
- ap.add_argument('--no-resize', action='store_true')
212
- args = ap.parse_args()
213
-
214
- files = collect_inputs(args.paths)
215
- if not files:
216
- print('没有可处理的图片(支持 ' + '/'.join(sorted(e.lstrip(".") for e in IMAGE_EXT)) + ')。')
217
- return 2
218
-
219
- out_dir = Path(args.out) if args.out else Path.cwd() / 'report-assets'
220
- out_dir.mkdir(parents=True, exist_ok=True)
221
- assets_dir = out_dir / 'assets'
222
- want_w = target_width(args.layout)
223
- max_total = int(SPEC.get('maxTotalInlineBytes') or 8388608)
224
-
225
- rows, html_bits, model_items, notes = [], [], [], []
226
- total_inline = 0
227
- for src in files:
228
- ext = src.suffix.lower()
229
- size = read_svg_size(src) if ext == '.svg' else read_size(src)
230
- w, h = size if size else (0, 0)
231
- work = src
232
- resized = False
233
- if not args.no_resize and w > want_w and ext != '.svg':
234
- cand = out_dir / (src.stem + f'-{want_w}' + ('.jpg' if ext in ('.jpg', '.jpeg') else ext))
235
- if try_resize(src, cand, want_w):
236
- work, resized = cand, True
237
- size = read_size(cand)
238
- w, h = size if size else (w, h)
239
- nbytes = work.stat().st_size
240
- if not resized and w and w < want_w * 0.75:
241
- notes.append(f'{src.name}: 宽 {w}px < 建议 {want_w}px(放大易糊;请换更高分辨率原图或改小版式)')
242
- want_ratio = ratio_num((SPEC.get('ratioDefault') or {}).get(args.layout) or '')
243
- fit_cls = ''
244
- if w and h and want_ratio:
245
- got = w / h
246
- if abs(got - want_ratio) / want_ratio > 0.25:
247
- fit_cls = ' media--contain' # 比例差得多 → HTML 也用 contain,与模型 fit 保持一致
248
- notes.append(f'{src.name}: 实际比例 {got:.2f}:1 与 {args.layout} 版式锁定比例 '
249
- f'{want_ratio:.2f}:1 相差较大 → 已按 fit:"contain" 输出(完整显示留白);'
250
- f'若希望裁切填满请换更贴合比例的版式/素材')
251
- if ext == '.svg':
252
- notes.append(f'{src.name}: SVG 为矢量(好);注意外链字体/图片需内联,否则破坏零外链铁律')
253
-
254
- use_path = args.mode == 'path' or nbytes > args.max_bytes
255
- if use_path:
256
- assets_dir.mkdir(parents=True, exist_ok=True)
257
- dst = assets_dir / work.name
258
- if work.resolve() != dst.resolve():
259
- shutil.copy2(work, dst)
260
- url = f'assets/{dst.name}'
261
- form = '相对路径'
262
- else:
263
- b64 = base64.b64encode(work.read_bytes()).decode('ascii')
264
- url = f'data:{MIME.get(ext, "image/png")};base64,{b64}'
265
- form = 'data: 内联'
266
- total_inline += len(url)
267
- if nbytes > args.max_bytes and args.mode != 'path':
268
- notes.append(f'{src.name}: {nbytes // 1024}KB > 内联上限 {args.max_bytes // 1024}KB → 已改用相对路径')
269
-
270
- rows.append({'file': src.name, 'w': w, 'h': h, 'ratio': ratio_label(w, h),
271
- 'kb': nbytes // 1024, 'form': form, 'url': url,
272
- 'targetW': want_w, 'resized': resized})
273
- lock_cls = (SPEC.get('ratioCssClass') or {}).get(args.layout) or f'media--r{ratio_class(w, h)}'
274
- html_bits.append(
275
- f'<figure class="media {lock_cls}{fit_cls} rv">\n'
276
- f' <img src="{url if len(url) < 400 else url[:60] + "…(见 images-snippets.html 全文)"}" '
277
- f'alt="{src.stem}">\n'
278
- f' <figcaption class="media__cap--below">图:{src.stem}({w}×{h} · {ratio_label(w, h)})</figcaption>\n'
279
- f'</figure>')
280
- model_items.append({'src': url, 'alt': src.stem, 'caption': f'图:{src.stem}'})
281
-
282
- if total_inline > max_total:
283
- notes.append(f'内联总量 {total_inline // 1024}KB > 上限 {max_total // 1024}KB:'
284
- '建议部分图片改用 --mode path(相对路径)')
285
-
286
- layout = args.layout
287
- if len(model_items) > 1 and layout not in (SPEC.get('multiLayouts') or ['grid', 'compare', 'wall']):
288
- notes.append(f'共 {len(model_items)} 张图但 layout={layout}(单图版式)→ 多图请用 grid/compare/wall')
289
- want_ratio = ratio_num((SPEC.get('ratioDefault') or {}).get(layout) or '')
290
- fit = SPEC.get('fitDefault') or 'cover'
291
- if want_ratio and any(r['w'] and r['h'] and abs(r['w'] / r['h'] - want_ratio) / want_ratio > 0.25
292
- for r in rows):
293
- fit = 'contain' # 比例差得多时默认完整显示,避免 cover 切掉关键内容
294
- image_model = {'layout': layout, 'fit': fit,
295
- 'caption': f'图:{model_items[0]["alt"]}' if model_items else ''}
296
- if len(model_items) == 1:
297
- image_model['src'] = model_items[0]['src']
298
- image_model['alt'] = model_items[0]['alt']
299
- else:
300
- image_model['items'] = model_items
301
-
302
- (out_dir / 'images-snippets.html').write_text('\n\n'.join(html_bits), encoding='utf-8')
303
- (out_dir / 'images-model.json').write_text(
304
- json.dumps(image_model, ensure_ascii=False, indent=2), encoding='utf-8')
305
-
306
- if args.json:
307
- print(json.dumps({'layout': layout, 'out': str(out_dir), 'images': rows, 'notes': notes},
308
- ensure_ascii=False, indent=2))
309
- return 0
310
-
311
- print(f'图片素材准备 · layout={layout} · 建议宽 {want_w}px · 共 {len(rows)} 张')
312
- print(f'{"文件":<28}{"尺寸":<14}{"比例":<10}{"体积":<10}形态')
313
- for r in rows:
314
- dim = f'{r["w"]}×{r["h"]}' if r['w'] else '未知'
315
- print(f'{r["file"][:26]:<28}{dim:<14}{r["ratio"]:<10}{str(r["kb"]) + "KB":<10}{r["form"]}'
316
- + ('(已缩放)' if r['resized'] else ''))
317
- if notes:
318
- print('\n提示:')
319
- for n in notes:
320
- print(' · ' + n)
321
- print(f'\n已写出:\n {out_dir / "images-snippets.html"} (HTML .media 片段,粘进对应 section.band)')
322
- print(f' {out_dir / "images-model.json"} (REPORT_MODEL 的 image 对象,并入 sections[])')
323
- if args.mode == 'inline':
324
- print(' 说明: 内联形态保持「单文件零外链」;体积大时改用 --mode path 并把 assets/ 目录随报告一起交付。')
325
- print(' 占位: 暂无图时先在模型写 image.placeholder=true(正文用 .media--ph),交付前替换 src 即可。')
326
- return 0
327
-
328
-
329
- def ratio_class(w: int, h: int) -> str:
330
- """把实际比例归一到 .media--r* 锁定类(16-9 / 4-3 / 3-2 / 1-1 / 21-9)。"""
331
- if not w or not h:
332
- return '16-9'
333
- r = w / h
334
- for name, val in (('21-9', 21 / 9), ('16-9', 16 / 9), ('3-2', 1.5), ('4-3', 4 / 3), ('1-1', 1.0)):
335
- if abs(r - val) / val <= 0.06:
336
- return name
337
- return '16-9' if r > 1.4 else ('1-1' if r > 0.9 else '4-3')
338
-
339
-
340
- if __name__ == '__main__':
341
- sys.exit(main())
1
+ #!/usr/bin/env python3
2
+ # -*- coding: utf-8 -*-
3
+ """TopPPT HTML · 用户图片素材准备
4
+
5
+ 把用户提供的图片处理成**可直接放进报告**的素材:
6
+ ① 读尺寸/格式/体积(纯标准库解析 PNG/JPEG/GIF/WebP/SVG 头部,无需第三方依赖);
7
+ ② 按 imageSpec.recommendedSizePx 检查是否够大(不足会提示,避免放大糊);
8
+ ③ 需要时缩放/压缩(检测到 Pillow 才启用,缺失自动跳过并给出建议);
9
+ ④ 生成两种落地形态:**data: 内联**(单文件零外链,随报告走)或 **相对路径**(体积大时推荐);
10
+ ⑤ 直接产出可粘贴的 HTML 片段与 REPORT_MODEL 的 image 对象片段。
11
+
12
+ 用法:
13
+ python scripts/prepare_images.py <图片|目录> [更多图片…]
14
+ [--layout full|half|bleed|grid|compare|wall] 默认 full
15
+ [--out <目录>] 输出目录(默认当前目录下的 report-assets/)
16
+ [--mode inline|path] inline=base64 内联(默认,受体积上限约束);path=复制到 out 并用相对路径
17
+ [--max-bytes N] 单图内联上限(默认取 layout-constants.json imageSpec.maxInlineBytes)
18
+ [--json] 只打印机器可读 JSON
19
+ [--no-resize] 禁用缩放(即使 Pillow 可用)
20
+
21
+ 产出(写到 --out 目录):
22
+ images-snippets.html HTML 图片片段(.media 族,含占位示例)
23
+ images-model.json REPORT_MODEL 的 image 对象片段(可直接并入 sections[])
24
+
25
+ 依赖:仅标准库;可选 Pillow(有则缩放/压缩,无则原样内联并提示)。
26
+ """
27
+ from __future__ import annotations
28
+
29
+ import argparse
30
+ import base64
31
+ import json
32
+ import re
33
+ import shutil
34
+ import sys
35
+ from pathlib import Path
36
+
37
+ try:
38
+ sys.stdout.reconfigure(encoding='utf-8', errors='replace')
39
+ sys.stderr.reconfigure(encoding='utf-8', errors='replace')
40
+ except Exception:
41
+ pass
42
+
43
+ ROOT = Path(__file__).resolve().parent.parent
44
+ LC_PATH = Path(__file__).resolve().parent / 'layout-constants.json'
45
+ IMAGE_EXT = {'.png', '.jpg', '.jpeg', '.webp', '.gif', '.svg'}
46
+ MIME = {'.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg',
47
+ '.webp': 'image/webp', '.gif': 'image/gif', '.svg': 'image/svg+xml'}
48
+
49
+
50
+ def load_image_spec() -> dict:
51
+ try:
52
+ lc = json.loads(LC_PATH.read_text(encoding='utf-8'))
53
+ spec = lc.get('imageSpec') or {}
54
+ return spec if isinstance(spec, dict) else {}
55
+ except (OSError, json.JSONDecodeError):
56
+ return {}
57
+
58
+
59
+ SPEC = load_image_spec()
60
+
61
+
62
+ def ratio_num(spec: str) -> float:
63
+ """'3:1' → 3.0;非法返回 0。"""
64
+ m = re.match(r'\s*(\d+(?:\.\d+)?)\s*[:/×x]\s*(\d+(?:\.\d+)?)', str(spec or ''))
65
+ if not m:
66
+ return 0.0
67
+ a, b = float(m.group(1)), float(m.group(2))
68
+ return a / b if a > 0 and b > 0 else 0.0
69
+
70
+
71
+ def target_width(layout: str) -> int:
72
+ """imageSpec.recommendedSizePx 形如 '2000×1125' → 2000。"""
73
+ raw = str((SPEC.get('recommendedSizePx') or {}).get(layout) or '2000×1125')
74
+ m = re.match(r'\s*(\d+)', raw)
75
+ return int(m.group(1)) if m else 2000
76
+
77
+
78
+ def read_size(path: Path) -> tuple[int, int] | None:
79
+ """纯标准库读位图尺寸(PNG/JPEG/GIF/WebP);SVG 走文本解析。"""
80
+ try:
81
+ data = path.read_bytes()[:65536]
82
+ except OSError:
83
+ return None
84
+ if len(data) < 16:
85
+ return None
86
+ # PNG
87
+ if data[:8] == b'\x89PNG\r\n\x1a\n':
88
+ return int.from_bytes(data[16:20], 'big'), int.from_bytes(data[20:24], 'big')
89
+ # GIF
90
+ if data[:6] in (b'GIF87a', b'GIF89a'):
91
+ return int.from_bytes(data[6:8], 'little'), int.from_bytes(data[8:10], 'little')
92
+ # JPEG:扫描 SOF 段
93
+ if data[:2] == b'\xff\xd8':
94
+ i = 2
95
+ while i + 9 < len(data):
96
+ if data[i] != 0xFF:
97
+ i += 1
98
+ continue
99
+ marker = data[i + 1]
100
+ if marker in (0xD8, 0x01) or 0xD0 <= marker <= 0xD7:
101
+ i += 2
102
+ continue
103
+ if marker == 0xD9:
104
+ break
105
+ seg_len = int.from_bytes(data[i + 2:i + 4], 'big')
106
+ if 0xC0 <= marker <= 0xCF and marker not in (0xC4, 0xC8, 0xCC):
107
+ h = int.from_bytes(data[i + 5:i + 7], 'big')
108
+ w = int.from_bytes(data[i + 7:i + 9], 'big')
109
+ return w, h
110
+ i += 2 + max(2, seg_len)
111
+ return None
112
+ # WebP
113
+ if data[:4] == b'RIFF' and data[8:12] == b'WEBP':
114
+ chunk = data[12:16]
115
+ if chunk == b'VP8X' and len(data) >= 30:
116
+ w = int.from_bytes(data[24:27], 'little') + 1
117
+ h = int.from_bytes(data[27:30], 'little') + 1
118
+ return w, h
119
+ if chunk == b'VP8 ' and len(data) >= 30:
120
+ w = int.from_bytes(data[26:28], 'little') & 0x3FFF
121
+ h = int.from_bytes(data[28:30], 'little') & 0x3FFF
122
+ return w, h
123
+ if chunk == b'VP8L' and len(data) >= 25:
124
+ bits = int.from_bytes(data[21:25], 'little')
125
+ return (bits & 0x3FFF) + 1, ((bits >> 14) & 0x3FFF) + 1
126
+ return None
127
+
128
+
129
+ def read_svg_size(path: Path) -> tuple[int, int] | None:
130
+ try:
131
+ head = path.read_text(encoding='utf-8', errors='replace')[:2048]
132
+ except OSError:
133
+ return None
134
+ w = re.search(r'width\s*=\s*["\']?\s*(\d+(?:\.\d+)?)', head)
135
+ h = re.search(r'height\s*=\s*["\']?\s*(\d+(?:\.\d+)?)', head)
136
+ if w and h:
137
+ return int(float(w.group(1))), int(float(h.group(1)))
138
+ vb = re.search(r'viewBox\s*=\s*["\']([\d.\-\s,]+)["\']', head)
139
+ if vb:
140
+ nums = re.split(r'[\s,]+', vb.group(1).strip())
141
+ if len(nums) == 4:
142
+ return int(float(nums[2])), int(float(nums[3]))
143
+ return None
144
+
145
+
146
+ def ratio_label(w: int, h: int) -> str:
147
+ if not w or not h:
148
+ return '未知'
149
+ from math import gcd
150
+ g = gcd(w, h) or 1
151
+ a, b = w // g, h // g
152
+ if a > 40 or b > 40:
153
+ return f'{w / h:.2f}:1'
154
+ return f'{a}:{b}'
155
+
156
+
157
+ def try_resize(src: Path, dst: Path, want_w: int) -> bool:
158
+ """有 Pillow 时缩放/压缩;无则返回 False(调用方回落原图)。"""
159
+ try:
160
+ from PIL import Image # type: ignore
161
+ except Exception:
162
+ return False
163
+ try:
164
+ with Image.open(src) as im:
165
+ im.load()
166
+ w, h = im.size
167
+ if w > want_w:
168
+ im = im.resize((want_w, max(1, round(h * want_w / w))), Image.LANCZOS)
169
+ if dst.suffix.lower() in ('.jpg', '.jpeg'):
170
+ if im.mode in ('RGBA', 'P', 'LA'):
171
+ bg = Image.new('RGB', im.size, (255, 255, 255))
172
+ bg.paste(im.convert('RGBA'), mask=im.convert('RGBA').split()[-1])
173
+ im = bg
174
+ else:
175
+ im = im.convert('RGB')
176
+ im.save(dst, 'JPEG', quality=82, optimize=True, progressive=True)
177
+ else:
178
+ im.save(dst, optimize=True)
179
+ return True
180
+ except Exception:
181
+ return False
182
+
183
+
184
+ def collect_inputs(args_paths: list[str]) -> list[Path]:
185
+ out: list[Path] = []
186
+ for raw in args_paths:
187
+ p = Path(raw)
188
+ if p.is_dir():
189
+ out.extend(sorted(q for q in p.rglob('*') if q.suffix.lower() in IMAGE_EXT))
190
+ elif p.is_file():
191
+ out.append(p)
192
+ else:
193
+ print(f'[跳过] 不存在: {raw}')
194
+ seen, uniq = set(), []
195
+ for p in out:
196
+ if p.resolve() not in seen:
197
+ seen.add(p.resolve())
198
+ uniq.append(p)
199
+ return uniq
200
+
201
+
202
+ def main() -> int:
203
+ ap = argparse.ArgumentParser(description='TopPPT HTML 用户图片素材准备')
204
+ ap.add_argument('paths', nargs='+', help='图片文件或目录(可多个)')
205
+ ap.add_argument('--layout', default='full', choices=list(SPEC.get('layouts') or
206
+ ['full', 'half', 'bleed', 'grid', 'compare', 'wall']))
207
+ ap.add_argument('--out', default=None, help='输出目录(默认 ./report-assets)')
208
+ ap.add_argument('--mode', default='inline', choices=['inline', 'path'])
209
+ ap.add_argument('--max-bytes', type=int, default=int(SPEC.get('maxInlineBytes') or 1572864))
210
+ ap.add_argument('--json', action='store_true')
211
+ ap.add_argument('--no-resize', action='store_true')
212
+ args = ap.parse_args()
213
+
214
+ files = collect_inputs(args.paths)
215
+ if not files:
216
+ print('没有可处理的图片(支持 ' + '/'.join(sorted(e.lstrip(".") for e in IMAGE_EXT)) + ')。')
217
+ return 2
218
+
219
+ out_dir = Path(args.out) if args.out else Path.cwd() / 'report-assets'
220
+ out_dir.mkdir(parents=True, exist_ok=True)
221
+ assets_dir = out_dir / 'assets'
222
+ want_w = target_width(args.layout)
223
+ max_total = int(SPEC.get('maxTotalInlineBytes') or 8388608)
224
+
225
+ rows, html_bits, model_items, notes = [], [], [], []
226
+ total_inline = 0
227
+ for src in files:
228
+ ext = src.suffix.lower()
229
+ size = read_svg_size(src) if ext == '.svg' else read_size(src)
230
+ w, h = size if size else (0, 0)
231
+ work = src
232
+ resized = False
233
+ if not args.no_resize and w > want_w and ext != '.svg':
234
+ cand = out_dir / (src.stem + f'-{want_w}' + ('.jpg' if ext in ('.jpg', '.jpeg') else ext))
235
+ if try_resize(src, cand, want_w):
236
+ work, resized = cand, True
237
+ size = read_size(cand)
238
+ w, h = size if size else (w, h)
239
+ nbytes = work.stat().st_size
240
+ if not resized and w and w < want_w * 0.75:
241
+ notes.append(f'{src.name}: 宽 {w}px < 建议 {want_w}px(放大易糊;请换更高分辨率原图或改小版式)')
242
+ want_ratio = ratio_num((SPEC.get('ratioDefault') or {}).get(args.layout) or '')
243
+ fit_cls = ''
244
+ if w and h and want_ratio:
245
+ got = w / h
246
+ if abs(got - want_ratio) / want_ratio > 0.25:
247
+ fit_cls = ' media--contain' # 比例差得多 → HTML 也用 contain,与模型 fit 保持一致
248
+ notes.append(f'{src.name}: 实际比例 {got:.2f}:1 与 {args.layout} 版式锁定比例 '
249
+ f'{want_ratio:.2f}:1 相差较大 → 已按 fit:"contain" 输出(完整显示留白);'
250
+ f'若希望裁切填满请换更贴合比例的版式/素材')
251
+ if ext == '.svg':
252
+ notes.append(f'{src.name}: SVG 为矢量(好);注意外链字体/图片需内联,否则破坏零外链铁律')
253
+
254
+ use_path = args.mode == 'path' or nbytes > args.max_bytes
255
+ if use_path:
256
+ assets_dir.mkdir(parents=True, exist_ok=True)
257
+ dst = assets_dir / work.name
258
+ if work.resolve() != dst.resolve():
259
+ shutil.copy2(work, dst)
260
+ url = f'assets/{dst.name}'
261
+ form = '相对路径'
262
+ else:
263
+ b64 = base64.b64encode(work.read_bytes()).decode('ascii')
264
+ url = f'data:{MIME.get(ext, "image/png")};base64,{b64}'
265
+ form = 'data: 内联'
266
+ total_inline += len(url)
267
+ if nbytes > args.max_bytes and args.mode != 'path':
268
+ notes.append(f'{src.name}: {nbytes // 1024}KB > 内联上限 {args.max_bytes // 1024}KB → 已改用相对路径')
269
+
270
+ rows.append({'file': src.name, 'w': w, 'h': h, 'ratio': ratio_label(w, h),
271
+ 'kb': nbytes // 1024, 'form': form, 'url': url,
272
+ 'targetW': want_w, 'resized': resized})
273
+ lock_cls = (SPEC.get('ratioCssClass') or {}).get(args.layout) or f'media--r{ratio_class(w, h)}'
274
+ html_bits.append(
275
+ f'<figure class="media {lock_cls}{fit_cls} rv">\n'
276
+ f' <img src="{url if len(url) < 400 else url[:60] + "…(见 images-snippets.html 全文)"}" '
277
+ f'alt="{src.stem}">\n'
278
+ f' <figcaption class="media__cap--below">图:{src.stem}({w}×{h} · {ratio_label(w, h)})</figcaption>\n'
279
+ f'</figure>')
280
+ model_items.append({'src': url, 'alt': src.stem, 'caption': f'图:{src.stem}'})
281
+
282
+ if total_inline > max_total:
283
+ notes.append(f'内联总量 {total_inline // 1024}KB > 上限 {max_total // 1024}KB:'
284
+ '建议部分图片改用 --mode path(相对路径)')
285
+
286
+ layout = args.layout
287
+ if len(model_items) > 1 and layout not in (SPEC.get('multiLayouts') or ['grid', 'compare', 'wall']):
288
+ notes.append(f'共 {len(model_items)} 张图但 layout={layout}(单图版式)→ 多图请用 grid/compare/wall')
289
+ want_ratio = ratio_num((SPEC.get('ratioDefault') or {}).get(layout) or '')
290
+ fit = SPEC.get('fitDefault') or 'cover'
291
+ if want_ratio and any(r['w'] and r['h'] and abs(r['w'] / r['h'] - want_ratio) / want_ratio > 0.25
292
+ for r in rows):
293
+ fit = 'contain' # 比例差得多时默认完整显示,避免 cover 切掉关键内容
294
+ image_model = {'layout': layout, 'fit': fit,
295
+ 'caption': f'图:{model_items[0]["alt"]}' if model_items else ''}
296
+ if len(model_items) == 1:
297
+ image_model['src'] = model_items[0]['src']
298
+ image_model['alt'] = model_items[0]['alt']
299
+ else:
300
+ image_model['items'] = model_items
301
+
302
+ (out_dir / 'images-snippets.html').write_text('\n\n'.join(html_bits), encoding='utf-8')
303
+ (out_dir / 'images-model.json').write_text(
304
+ json.dumps(image_model, ensure_ascii=False, indent=2), encoding='utf-8')
305
+
306
+ if args.json:
307
+ print(json.dumps({'layout': layout, 'out': str(out_dir), 'images': rows, 'notes': notes},
308
+ ensure_ascii=False, indent=2))
309
+ return 0
310
+
311
+ print(f'图片素材准备 · layout={layout} · 建议宽 {want_w}px · 共 {len(rows)} 张')
312
+ print(f'{"文件":<28}{"尺寸":<14}{"比例":<10}{"体积":<10}形态')
313
+ for r in rows:
314
+ dim = f'{r["w"]}×{r["h"]}' if r['w'] else '未知'
315
+ print(f'{r["file"][:26]:<28}{dim:<14}{r["ratio"]:<10}{str(r["kb"]) + "KB":<10}{r["form"]}'
316
+ + ('(已缩放)' if r['resized'] else ''))
317
+ if notes:
318
+ print('\n提示:')
319
+ for n in notes:
320
+ print(' · ' + n)
321
+ print(f'\n已写出:\n {out_dir / "images-snippets.html"} (HTML .media 片段,粘进对应 section.band)')
322
+ print(f' {out_dir / "images-model.json"} (REPORT_MODEL 的 image 对象,并入 sections[])')
323
+ if args.mode == 'inline':
324
+ print(' 说明: 内联形态保持「单文件零外链」;体积大时改用 --mode path 并把 assets/ 目录随报告一起交付。')
325
+ print(' 占位: 暂无图时先在模型写 image.placeholder=true(正文用 .media--ph),交付前替换 src 即可。')
326
+ return 0
327
+
328
+
329
+ def ratio_class(w: int, h: int) -> str:
330
+ """把实际比例归一到 .media--r* 锁定类(16-9 / 4-3 / 3-2 / 1-1 / 21-9)。"""
331
+ if not w or not h:
332
+ return '16-9'
333
+ r = w / h
334
+ for name, val in (('21-9', 21 / 9), ('16-9', 16 / 9), ('3-2', 1.5), ('4-3', 4 / 3), ('1-1', 1.0)):
335
+ if abs(r - val) / val <= 0.06:
336
+ return name
337
+ return '16-9' if r > 1.4 else ('1-1' if r > 0.9 else '4-3')
338
+
339
+
340
+ if __name__ == '__main__':
341
+ sys.exit(main())