@jotx-labs/editor 2.4.210 → 2.4.212

package/dist/components/motion/MotionCompiler.js

@@ -0,0 +1,265 @@
+"use strict";
+/**
+ * MotionCompiler — Converts parsed AST into a keyframe timeline
+ *
+ * Takes objects + steps from the parser and produces a list of keyframes
+ * with absolute start/end times. Handles parallel groups and step sequencing.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compileScene = compileScene;
+const types_1 = require("./types");
+// ─── Compile Scene ───────────────────────────────────────────────
+function compileScene(parsed) {
+    const objects = new Map();
+    const keyframes = [];
+    // Register all declared objects
+    for (const obj of parsed.objects) {
+        objects.set(obj.id, { ...obj });
+    }
+    let currentTime = 0;
+    let inParallel = false;
+    let parallelStartTime = 0;
+    let parallelMaxEnd = 0;
+    for (const step of parsed.steps) {
+        // Parallel grouping
+        if (step.isParallelStart) {
+            inParallel = true;
+            parallelStartTime = currentTime;
+            parallelMaxEnd = currentTime;
+            continue;
+        }
+        if (step.isParallelEnd) {
+            inParallel = false;
+            currentTime = parallelMaxEnd;
+            continue;
+        }
+        const startTime = inParallel ? parallelStartTime + step.delay : currentTime + step.delay;
+        const endTime = startTime + step.duration;
+        // Generate keyframes for this step
+        const stepKeyframes = compileStep(step, startTime, endTime, objects);
+        keyframes.push(...stepKeyframes);
+        if (inParallel) {
+            parallelMaxEnd = Math.max(parallelMaxEnd, endTime);
+        }
+        else {
+            currentTime = endTime;
+        }
+    }
+    // Sort keyframes by start time
+    keyframes.sort((a, b) => a.startTime - b.startTime);
+    return {
+        objects,
+        keyframes,
+        totalDuration: currentTime,
+        parallelGroups: [],
+    };
+}
+// ─── Compile Individual Step ─────────────────────────────────────
+function compileStep(step, startTime, endTime, objects) {
+    const kfs = [];
+    const id = step.targetId || '';
+    switch (step.action) {
+        case 'show':
+            kfs.push(kf(id, 'opacity', startTime, endTime, 0, 1, step.easing));
+            kfs.push(kf(id, 'visible', startTime, startTime, 0, 1, 'linear'));
+            break;
+        case 'hide':
+            kfs.push(kf(id, 'opacity', startTime, endTime, 1, 0, step.easing));
+            kfs.push(kf(id, 'visible', endTime, endTime, 1, 0, 'linear'));
+            break;
+        case 'appear':
+            kfs.push(kf(id, 'opacity', startTime, startTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'visible', startTime, startTime, 0, 1, 'linear'));
+            break;
+        case 'move': {
+            const obj = objects.get(id);
+            const fromX = obj?.x ?? 0;
+            const fromY = obj?.y ?? 0;
+            if (step.toX !== undefined && step.toY !== undefined) {
+                kfs.push(kf(id, 'x', startTime, endTime, fromX, step.toX, step.easing));
+                kfs.push(kf(id, 'y', startTime, endTime, fromY, step.toY, step.easing));
+                // Update object state
+                if (obj) {
+                    obj.x = step.toX;
+                    obj.y = step.toY;
+                }
+            }
+            else if (step.byX !== undefined && step.byY !== undefined) {
+                kfs.push(kf(id, 'x', startTime, endTime, fromX, fromX + step.byX, step.easing));
+                kfs.push(kf(id, 'y', startTime, endTime, fromY, fromY + step.byY, step.easing));
+                if (obj) {
+                    obj.x = fromX + step.byX;
+                    obj.y = fromY + step.byY;
+                }
+            }
+            break;
+        }
+        case 'scale': {
+            const obj = objects.get(id);
+            const from = obj?.scaleX ?? 1;
+            const to = step.scaleTo ?? 1;
+            kfs.push(kf(id, 'scaleX', startTime, endTime, from, to, step.easing));
+            kfs.push(kf(id, 'scaleY', startTime, endTime, from, to, step.easing));
+            if (obj) {
+                obj.scaleX = to;
+                obj.scaleY = to;
+            }
+            break;
+        }
+        case 'rotate': {
+            const obj = objects.get(id);
+            const from = obj?.rotation ?? 0;
+            const by = step.rotateDeg ?? 0;
+            kfs.push(kf(id, 'rotation', startTime, endTime, from, from + by, step.easing));
+            if (obj) {
+                obj.rotation = from + by;
+            }
+            break;
+        }
+        case 'resize': {
+            const obj = objects.get(id);
+            if (step.resizeW !== undefined && step.resizeH !== undefined) {
+                const fromW = obj?.width ?? 0;
+                const fromH = obj?.height ?? 0;
+                kfs.push(kf(id, 'width', startTime, endTime, fromW, step.resizeW, step.easing));
+                kfs.push(kf(id, 'height', startTime, endTime, fromH, step.resizeH, step.easing));
+                if (obj) {
+                    obj.width = step.resizeW;
+                    obj.height = step.resizeH;
+                }
+            }
+            break;
+        }
+        case 'color':
+            if (step.toColor) {
+                kfs.push(kf(id, 'color', startTime, endTime, '', step.toColor, step.easing));
+            }
+            break;
+        case 'opacity': {
+            const obj = objects.get(id);
+            const from = obj?.opacity ?? 1;
+            kfs.push(kf(id, 'opacity', startTime, endTime, from, step.toOpacity ?? 1, step.easing));
+            break;
+        }
+        case 'width': {
+            const obj = objects.get(id);
+            const from = obj?.lineWidth ?? 2;
+            kfs.push(kf(id, 'lineWidth', startTime, endTime, from, step.toWidth ?? 2, step.easing));
+            break;
+        }
+        case 'draw':
+            kfs.push(kf(id, 'drawProgress', startTime, endTime, 0, 1, step.easing));
+            kfs.push(kf(id, 'visible', startTime, startTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'opacity', startTime, startTime, 0, 1, 'linear'));
+            break;
+        case 'typewrite':
+            kfs.push(kf(id, 'drawProgress', startTime, endTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'visible', startTime, startTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'opacity', startTime, startTime, 0, 1, 'linear'));
+            break;
+        case 'replace':
+            if (step.replaceText !== undefined) {
+                kfs.push(kf(id, 'content', startTime, startTime, '', step.replaceText, 'linear'));
+                // Brief opacity flash for visual feedback
+                kfs.push(kf(id, 'opacity', startTime, startTime + 0.1, 0.5, 1, 'ease'));
+            }
+            break;
+        case 'highlight':
+            if (step.highlightRange) {
+                kfs.push(kf(id, 'highlightLines', startTime, startTime, '', step.highlightRange, 'linear'));
+            }
+            break;
+        case 'pulse':
+            // Scale up then back
+            kfs.push(kf(id, 'scaleX', startTime, startTime + step.duration / 2, 1, 1.2, 'easeOut'));
+            kfs.push(kf(id, 'scaleY', startTime, startTime + step.duration / 2, 1, 1.2, 'easeOut'));
+            kfs.push(kf(id, 'scaleX', startTime + step.duration / 2, endTime, 1.2, 1, 'easeIn'));
+            kfs.push(kf(id, 'scaleY', startTime + step.duration / 2, endTime, 1.2, 1, 'easeIn'));
+            break;
+        case 'shake': {
+            // Quick horizontal oscillation
+            const obj = objects.get(id);
+            const baseX = obj?.x ?? 0;
+            const dur = step.duration / 6;
+            for (let i = 0; i < 3; i++) {
+                const t = startTime + i * dur * 2;
+                kfs.push(kf(id, 'x', t, t + dur, baseX, baseX + 8, 'linear'));
+                kfs.push(kf(id, 'x', t + dur, t + dur * 2, baseX + 8, baseX - 8, 'linear'));
+            }
+            kfs.push(kf(id, 'x', endTime - dur, endTime, 0, baseX, 'easeOut'));
+            break;
+        }
+        case 'bounce': {
+            const obj = objects.get(id);
+            const baseY = obj?.y ?? 0;
+            kfs.push(kf(id, 'y', startTime, startTime + step.duration * 0.3, baseY, baseY - 20, 'easeOut'));
+            kfs.push(kf(id, 'y', startTime + step.duration * 0.3, startTime + step.duration * 0.6, baseY - 20, baseY, 'bounce'));
+            kfs.push(kf(id, 'y', startTime + step.duration * 0.6, startTime + step.duration * 0.8, baseY, baseY - 8, 'easeOut'));
+            kfs.push(kf(id, 'y', startTime + step.duration * 0.8, endTime, baseY - 8, baseY, 'easeIn'));
+            break;
+        }
+        case 'flow': {
+            // Create a temporary flow animation object
+            if (step.fromId && step.toId) {
+                const flowId = `__flow_${step.fromId}_${step.toId}_${startTime}`;
+                const flowObj = (0, types_1.createDefaultObject)('line', flowId);
+                flowObj.color = step.flowColor || '#89b4fa';
+                flowObj.lineWidth = 3;
+                // Copy positions from source/target objects
+                const fromObj = objects.get(step.fromId);
+                const toObj = objects.get(step.toId);
+                if (fromObj && toObj) {
+                    flowObj.x = fromObj.x + (fromObj.width || 0) / 2;
+                    flowObj.y = fromObj.y;
+                    flowObj.x2 = toObj.x - (toObj.width || 0) / 2;
+                    flowObj.y2 = toObj.y;
+                }
+                objects.set(flowId, flowObj);
+                kfs.push(kf(flowId, 'visible', startTime, startTime, 0, 1, 'linear'));
+                kfs.push(kf(flowId, 'opacity', startTime, startTime, 0, 1, 'linear'));
+                kfs.push(kf(flowId, 'drawProgress', startTime, endTime, 0, 1, step.easing));
+            }
+            break;
+        }
+        case 'wait':
+            // No keyframes — just advances time
+            break;
+        case 'camera':
+            // Camera keyframes use a virtual '__camera' object
+            if (!objects.has('__camera')) {
+                const cam = (0, types_1.createDefaultObject)('rect', '__camera');
+                cam.x = 0;
+                cam.y = 0;
+                cam.scaleX = 1;
+                cam.scaleY = 1;
+                cam.visible = true;
+                cam.opacity = 1;
+                objects.set('__camera', cam);
+            }
+            if (step.cameraAction === 'zoom' && step.cameraZoom !== undefined) {
+                kfs.push(kf('__camera', 'scaleX', startTime, endTime, 1, step.cameraZoom, step.easing));
+                kfs.push(kf('__camera', 'scaleY', startTime, endTime, 1, step.cameraZoom, step.easing));
+            }
+            if (step.cameraAction === 'pan' && step.cameraPanX !== undefined) {
+                kfs.push(kf('__camera', 'x', startTime, endTime, 0, step.cameraPanX, step.easing));
+                kfs.push(kf('__camera', 'y', startTime, endTime, 0, step.cameraPanY ?? 0, step.easing));
+            }
+            break;
+        // Graph-specific animations (tangent, secant, area, trace) — Phase 1C
+        case 'tangent':
+        case 'secant':
+        case 'area':
+        case 'trace':
+            // Placeholder: make target visible with draw animation
+            kfs.push(kf(id, 'visible', startTime, startTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'opacity', startTime, startTime, 0, 1, 'linear'));
+            kfs.push(kf(id, 'drawProgress', startTime, endTime, 0, 1, step.easing));
+            break;
+    }
+    return kfs;
+}
+// ─── Keyframe Helper ─────────────────────────────────────────────
+function kf(objectId, property, startTime, endTime, startValue, endValue, easing) {
+    return { objectId, property, startTime, endTime, startValue, endValue, easing };
+}
+//# sourceMappingURL=MotionCompiler.js.map

package/dist/components/motion/MotionCompiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionCompiler.js","sourceRoot":"","sources":["../../../src/components/motion/MotionCompiler.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;AAUH,oCAmDC;AA3DD,mCAIgB;AAEhB,oEAAoE;AAEpE,SAAgB,YAAY,CAAC,MAAmB;IAC5C,MAAM,OAAO,GAAG,IAAI,GAAG,EAAwB,CAAA;IAC/C,MAAM,SAAS,GAAe,EAAE,CAAA;IAEhC,gCAAgC;IAChC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;QAC/B,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,WAAW,GAAG,CAAC,CAAA;IACnB,IAAI,UAAU,GAAG,KAAK,CAAA;IACtB,IAAI,iBAAiB,GAAG,CAAC,CAAA;IACzB,IAAI,cAAc,GAAG,CAAC,CAAA;IAEtB,KAAK,MAAM,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;QAC9B,oBAAoB;QACpB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,UAAU,GAAG,IAAI,CAAA;YACjB,iBAAiB,GAAG,WAAW,CAAA;YAC/B,cAAc,GAAG,WAAW,CAAA;YAC5B,SAAQ;QACZ,CAAC;QACD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,UAAU,GAAG,KAAK,CAAA;YAClB,WAAW,GAAG,cAAc,CAAA;YAC5B,SAAQ;QACZ,CAAC;QAED,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAA;QACxF,MAAM,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAA;QAEzC,mCAAmC;QACnC,MAAM,aAAa,GAAG,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QACpE,SAAS,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,CAAA;QAEhC,IAAI,UAAU,EAAE,CAAC;YACb,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;QACtD,CAAC;aAAM,CAAC;YACJ,WAAW,GAAG,OAAO,CAAA;QACzB,CAAC;IACL,CAAC;IAED,+BAA+B;IAC/B,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAA;IAEnD,OAAO;QACH,OAAO;QACP,SAAS;QACT,aAAa,EAAE,WAAW;QAC1B,cAAc,EAAE,EAAE;KACrB,CAAA;AACL,CAAC;AAED,oEAAoE;AAEpE,SAAS,WAAW,CAChB,IAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,OAAkC;IAElC,MAAM,GAAG,GAAe,EAAE,CAAA;IAC1B,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IAE9B,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;QAClB,KAAK,MAAM;YACP,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAClE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,MAAK;QAET,KAAK,MAAM;YACP,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAClE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YAC7D,MAAK;QAET,KAAK,QAAQ;YACT,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,MAAK;QAET,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;YACzB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;YACzB,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBACnD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBACvE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBACvE,sBAAsB;gBACtB,IAAI,GAAG,EAAE,CAAC;oBAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;oBAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAA;gBAAC,CAAC;YACnD,CAAC;iBAAM,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;gBAC1D,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBAC/E,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBAC/E,IAAI,GAAG,EAAE,CAAC;oBAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;oBAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAA;gBAAC,CAAC;YACnE,CAAC;YACD,MAAK;QACT,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACX,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,IAAI,GAAG,GAAG,EAAE,MAAM,IAAI,CAAC,CAAA;YAC7B,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAA;YAC5B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACrE,IAAI,GAAG,EAAE,CAAC;gBAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAA;YAAC,CAAC;YAC7C,MAAK;QACT,CAAC;QAED,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,IAAI,GAAG,GAAG,EAAE,QAAQ,IAAI,CAAC,CAAA;YAC/B,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,CAAA;YAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAC9E,IAAI,GAAG,EAAE,CAAC;gBAAC,GAAG,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAA;YAAC,CAAC;YACrC,MAAK;QACT,CAAC;QAED,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBAC3D,MAAM,KAAK,GAAG,GAAG,EAAE,KAAK,IAAI,CAAC,CAAA;gBAC7B,MAAM,KAAK,GAAG,GAAG,EAAE,MAAM,IAAI,CAAC,CAAA;gBAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBAC/E,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBAChF,IAAI,GAAG,EAAE,CAAC;oBAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;oBAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAA;gBAAC,CAAC;YACpE,CAAC;YACD,MAAK;QACT,CAAC;QAED,KAAK,OAAO;YACR,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAChF,CAAC;YACD,MAAK;QAET,KAAK,SAAS,CAAC,CAAC,CAAC;YACb,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,IAAI,GAAG,GAAG,EAAE,OAAO,IAAI,CAAC,CAAA;YAC9B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACvF,MAAK;QACT,CAAC;QAED,KAAK,OAAO,CAAC,CAAC,CAAC;YACX,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,IAAI,GAAG,GAAG,EAAE,SAAS,IAAI,CAAC,CAAA;YAChC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACvF,MAAK;QACT,CAAC;QAED,KAAK,MAAM;YACP,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACvE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,MAAK;QAET,KAAK,WAAW;YACZ,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACpE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,MAAK;QAET,KAAK,SAAS;YACV,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;gBACjC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;gBACjF,0CAA0C;gBAC1C,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;YAC3E,CAAC;YACD,MAAK;QAET,KAAK,WAAW;YACZ,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAA;YAC/F,CAAC;YACD,MAAK;QAET,KAAK,OAAO;YACR,qBAAqB;YACrB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAA;YACvF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAA;YACvF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACpF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACpF,MAAK;QAET,KAAK,OAAO,CAAC,CAAC,CAAC;YACX,+BAA+B;YAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;YACzB,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA;YAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzB,MAAM,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAA;gBACjC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;gBAC7D,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YAC/E,CAAC;YACD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,GAAG,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;YAClE,MAAK;QACT,CAAC;QAED,KAAK,QAAQ,CAAC,CAAC,CAAC;YACZ,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAC3B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;YACzB,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,CAAC,CAAC,CAAA;YAC/F,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;YACpH,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;YACpH,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAA;YAC3F,MAAK;QACT,CAAC;QAED,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,2CAA2C;YAC3C,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC3B,MAAM,MAAM,GAAG,UAAU,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE,CAAA;gBAChE,MAAM,OAAO,GAAG,IAAA,2BAAmB,EAAC,MAAM,EAAE,MAAM,CAAC,CAAA;gBACnD,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,IAAI,SAAS,CAAA;gBAC3C,OAAO,CAAC,SAAS,GAAG,CAAC,CAAA;gBAErB,4CAA4C;gBAC5C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBACxC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;gBACpC,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;oBACnB,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;oBAChD,OAAO,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAA;oBACrB,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;oBAC7C,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;gBACxB,CAAC;gBACD,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;gBAE5B,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;gBACrE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;gBACrE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAC/E,CAAC;YACD,MAAK;QACT,CAAC;QAED,KAAK,MAAM;YACP,oCAAoC;YACpC,MAAK;QAET,KAAK,QAAQ;YACT,mDAAmD;YACnD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;gBAC3B,MAAM,GAAG,GAAG,IAAA,2BAAmB,EAAC,MAAM,EAAE,UAAU,CAAC,CAAA;gBACnD,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;gBACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;gBACT,GAAG,CAAC,MAAM,GAAG,CAAC,CAAA;gBACd,GAAG,CAAC,MAAM,GAAG,CAAC,CAAA;gBACd,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;gBAClB,GAAG,CAAC,OAAO,GAAG,CAAC,CAAA;gBACf,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;YAChC,CAAC;YACD,IAAI,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBAChE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBACvF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAC3F,CAAC;YACD,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBAC/D,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;gBAClF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YAC3F,CAAC;YACD,MAAK;QAET,sEAAsE;QACtE,KAAK,SAAS,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,MAAM,CAAC;QACZ,KAAK,OAAO;YACR,uDAAuD;YACvD,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAA;YACjE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;YACvE,MAAK;IACb,CAAC;IAED,OAAO,GAAG,CAAA;AACd,CAAC;AAED,oEAAoE;AAEpE,SAAS,EAAE,CACP,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,OAAe,EACf,UAA2B,EAC3B,QAAyB,EACzB,MAAkB;IAElB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;AACnF,CAAC"}

package/dist/components/motion/MotionEngine.d.ts

@@ -0,0 +1,48 @@
+/**
+ * MotionEngine — Canvas2D Animation Renderer
+ *
+ * Takes a compiled timeline and renders it frame-by-frame on a canvas.
+ * Handles:
+ *   - Easing functions
+ *   - Interpolation (numeric, color)
+ *   - Object rendering (shapes, text, arrows, etc.)
+ *   - requestAnimationFrame loop
+ *   - Play/pause/seek/speed controls
+ *   - KaTeX rendering for tex objects
+ */
+import { CompiledTimeline, EngineState } from './types';
+export declare class MotionEngine {
+    private canvas;
+    private ctx;
+    private timeline;
+    private animFrameId;
+    private lastFrameTime;
+    private objectStates;
+    state: EngineState;
+    onStateChange?: (state: EngineState) => void;
+    constructor(canvas: HTMLCanvasElement);
+    load(timeline: CompiledTimeline): void;
+    play(): void;
+    pause(): void;
+    togglePlayPause(): void;
+    seek(time: number): void;
+    seekPercent(pct: number): void;
+    restart(): void;
+    stepForward(): void;
+    stepBackward(): void;
+    goToEnd(): void;
+    goToStart(): void;
+    setSpeed(speed: number): void;
+    setLoop(loop: boolean): void;
+    destroy(): void;
+    private tick;
+    private applyKeyframes;
+    private render;
+    private renderObject;
+    private roundRect;
+    /** Simple math expression evaluator for plot functions */
+    private evaluateFunction;
+    private parseHighlightRange;
+    private notifyChange;
+}
+//# sourceMappingURL=MotionEngine.d.ts.map

package/dist/components/motion/MotionEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionEngine.d.ts","sourceRoot":"","sources":["../../../src/components/motion/MotionEngine.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,gBAAgB,EAAsC,WAAW,EAAE,MAAM,SAAS,CAAA;AAgE3F,qBAAa,YAAY;IACrB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,GAAG,CAA0B;IACrC,OAAO,CAAC,QAAQ,CAAgC;IAChD,OAAO,CAAC,WAAW,CAAY;IAC/B,OAAO,CAAC,aAAa,CAAY;IAGjC,OAAO,CAAC,YAAY,CAA0D;IAG9E,KAAK,EAAE,WAAW,CAMjB;IAGD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;gBAEhC,MAAM,EAAE,iBAAiB;IASrC,IAAI,CAAC,QAAQ,EAAE,gBAAgB;IA8B/B,IAAI;IAaJ,KAAK;IASL,eAAe;IAKf,IAAI,CAAC,IAAI,EAAE,MAAM;IAOjB,WAAW,CAAC,GAAG,EAAE,MAAM;IAIvB,OAAO;IAKP,WAAW;IAIX,YAAY;IAIZ,OAAO;IAIP,SAAS;IAIT,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB,OAAO,CAAC,IAAI,EAAE,OAAO;IAKrB,OAAO;IAQP,OAAO,CAAC,IAAI;IA+BZ,OAAO,CAAC,cAAc;IAwDtB,OAAO,CAAC,MAAM;IA6Cd,OAAO,CAAC,YAAY;IAoTpB,OAAO,CAAC,SAAS;IAejB,0DAA0D;IAC1D,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,YAAY;CAGvB"}