feat(canvas): compute real boolean shape geometry with paper.js

Add a booleanShapePath engine that runs union/subtract/intersect/
exclude/flatten through paper.js and returns normalized result path
data plus per-operand stroke segments, so boolean results are real
vector paths instead of SVG mask approximations.

- Store the computed pathData on boolean groups and recompute it when
  the operation changes; flatten legacy groups into ordinary path nodes
- Render previews and SVG/PSD exports from the computed result path,
  keeping each operand's stroke style on the boundary it contributes
- Open boolean results in the path editor and flatten them on commit
- Add paper 0.12.18 with a paper-core type shim and mark it as a
  server-external package for the standalone Next build

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

This commit is contained in:

liangxu

2026-07-18 00:23:19 +08:00

parent 7e9f8194d9

commit dd8c67af3e

11 changed files with 862 additions and 126 deletions

									
										frontend/package.json
									
		+1
		
												View File
												
				@@ -27,6 +27,7 @@

				    "leafer-x-path-editor": "^1.1.3",

				    "lucide-react": "^1.23.0",

				    "next": "^16.2.10",

				    "paper": "0.12.18",

				    "react": "^19.2.7",

				    "react-dom": "^19.2.7"

				  },