Skip to content

Add PAGX to HTML conversion with multi-framework output, 100% spec coverage test suite, and CI screenshot baselines#3359

Closed
shlzxjp wants to merge 42 commits intomainfrom
feature/henryjpxie_pagx_html
Closed

Add PAGX to HTML conversion with multi-framework output, 100% spec coverage test suite, and CI screenshot baselines#3359
shlzxjp wants to merge 42 commits intomainfrom
feature/henryjpxie_pagx_html

Conversation

@shlzxjp
Copy link
Copy Markdown
Collaborator

@shlzxjp shlzxjp commented Apr 2, 2026

Summary

  • Implement complete PAGX to HTML/React JSX/Vue SFC conversion in HTMLExporter, covering all PAGX spec features including RoundCorner, MergePath boolean ops, TrimPath continuous mode, TextModifier, TextPath, LayerStyle blendMode, Luminance mask, and 18 blend modes
  • Add 68 PAGX test files in resources/pagx_to_html/ achieving 100% attribute coverage of pagx_spec.zh_CN.md, with unified card-style layout for demo-quality aesthetics
  • Set up Puppeteer-based HTML screenshot baseline testing with 68 accepted baselines for CI regression detection

Test plan

  • 50 HTML functional assertion tests pass (PAGXHtmlTest.*)
  • 1 screenshot baseline test passes (PAGXHtmlTest.HtmlScreenshotCompare) — 68 baselines accepted
  • PAGX native rendering test passes (PAGXTest.HtmlFiles) — 0 image decode errors
  • All 68 .pagx files pass XML validation (xmllint --noout)
  • Code formatted with clang-format

shlzxjp added 30 commits March 23, 2026 19:24
…coordinate system and endAngle partial sweep angle support and TrimPath modifier implementation and MergePath clearing accumulated painters and Rectangle Ellipse reversed property and DropShadowStyle showBehindLayer and RadialGradient SVG fallback and fillRule EvenOdd canCSS check and antiAlias mapping and Group two-pass optimization.
…Pattern SVG fill and LinearGradient CSS fallback and PlusDarker blend mode and fill alpha on gradients and passThroughBackground isolation and text stroke and gradient text fill and DiamondGradient SVG fallback.
…ndFilter blend mode and clip-path Polystar and SolidColor cast safety.
…radient CSS matrix degradation and Fill Stroke rendering model and safety hardening.
…ing artifacts at dashed stroke and marker triangle edges.
… gap between solid lines and marker triangles.
…gePath boolean ops, TrimPath continuous mode, TextModifier, TextPath, LayerStyle blendMode, and Luminance mask rendering.
shlzxjp added 11 commits March 31, 2026 23:06
…transform, ConicGradient matrix fallback, strokeColor/Width override, DropShadow blendMode anisotropic blur, fontFamily escaping, TrimPath continuous O(N) optimization, and CLI default framework.
… advanced, fillRule comparison, stroke advanced, and fix 3 existing files for better coverage.
…s, beautify 32 existing files with card-style layout.
…ore CSS property parsing to prevent fontFamily truncation.
@shlzxjp shlzxjp closed this Apr 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant