openpencil/tests/engine/render/jsx
Danila Poyarkov 3cfc86371d feat(design-jsx): masks, inline <svg> vectors, and instance overrides
Fill the three biggest gaps that blocked authoring real designs in JSX:

- mask prop on any node: <Ellipse mask> / mask="luminance" / mask="vector"
  sets isMask + maskType so sibling content clips (Figma's mask model)
- <svg> element rendering inline SVG markup into vector nodes, reusing the
  iconify path pipeline (extractPaths + parseSVGPath + scalePathInfos)
- Instance overrides: <Instance of="X" overrides={{ 'childName:prop': v }} />
  applies child overrides by name and records them so component sync keeps them

Adds gap tests and the shared scalePathInfos/finishIconRender helpers to
avoid duplicating the iconify pipeline.
2026-07-21 11:40:13 +03:00
..
builders.test.ts style: tighten import grouping 2026-05-06 02:22:08 +03:00
export.test.ts test: organize prefixed test files into folders 2026-05-06 02:13:18 +03:00
gaps.test.ts feat(design-jsx): masks, inline <svg> vectors, and instance overrides 2026-07-21 11:40:13 +03:00
grid-layout.test.ts style: tighten import grouping 2026-05-06 02:22:08 +03:00
render-tree.test.ts test: share scene variable helper 2026-06-30 10:55:05 +03:00
tailwind.test.ts refactor(jsx): replace hand-rolled Tailwind mapping with twirlwind 2026-05-17 00:54:53 +03:00
text-props.test.ts fix(mcp): improve agent-rendered JSX 2026-05-19 17:57:43 +03:00