animot-presenter 0.6.6 → 0.6.7

package/dist/utils/path-morph.js

@@ -49,18 +49,31 @@ export function shapeToPath(type, w, h, borderRadius = 0) {
                 return `M0,0 L${w},0 L${w},${h} L0,${h} Z`;
             return `M${r},0 L${w - r},0 Q${w},0 ${w},${r} L${w},${h - r} Q${w},${h} ${w - r},${h} L${r},${h} Q0,${h} 0,${h - r} L0,${r} Q0,0 ${r},0 Z`;
         }
-        case 'circle':
+        case 'circle': {
+            // A `circle` shape renders as a TRUE circle (radius = min side / 2,
+            // centered) — see Shape.svelte. Match that here so booleans / morphs /
+            // masks of a circle in a non-square box stay round, not oval.
+            const cr = Math.min(w, h) / 2;
+            return ellipsePath(w / 2, h / 2, cr, cr);
+        }
         case 'ellipse':
             return ellipsePath(w / 2, h / 2, w / 2, h / 2);
         case 'triangle':
             return `M${w / 2},0 L${w},${h} L0,${h} Z`;
         case 'hexagon': {
-            // Pointy-left/right flat hexagon fitted to the box.
-            const q = w * 0.25;
-            return `M${q},0 L${w - q},0 L${w},${h / 2} L${w - q},${h} L${q},${h} L0,${h / 2} Z`;
+            // Regular pointy-top hexagon (radius = min side / 2, centered) — matches
+            // Shape.svelte so booleans / morphs / masks line up with the render.
+            const hcx = w / 2, hcy = h / 2, hr = Math.min(w, h) / 2;
+            let hd = '';
+            for (let i = 0; i < 6; i++) {
+                const ang = -Math.PI / 2 + (i * Math.PI) / 3;
+                hd += (i === 0 ? 'M' : 'L') + (hcx + hr * Math.cos(ang)).toFixed(2) + ',' + (hcy + hr * Math.sin(ang)).toFixed(2) + ' ';
+            }
+            return hd + 'Z';
         }
         case 'star': {
-            const cx = w / 2, cy = h / 2, outer = Math.min(w, h) / 2, inner = outer * 0.5;
+            // Inner radius 0.4×outer to match Shape.svelte (was 0.5).
+            const cx = w / 2, cy = h / 2, outer = Math.min(w, h) / 2, inner = outer * 0.4;
             let d = '';
             for (let i = 0; i < 10; i++) {
                 const rad = i % 2 === 0 ? outer : inner;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "animot-presenter",
-	"version": "0.6.6",
+	"version": "0.6.7",
 	"description": "Embed animated presentations anywhere. Works with vanilla JS, React, Vue, Angular, Svelte, and any frontend framework. Morphing animations, code highlighting, charts, particles, and more.",
 	"type": "module",
 	"svelte": "./dist/index.js",