@vosjs/cli 0.56.1 → 0.57.0

package/dist/{chunk-XXAY42XS.js → chunk-Z74Y4WNW.js}

@@ -10122,6 +10122,15 @@ var PAINTER_LIB = `    // THE PAINTER STARTER (vos port): the maths every port r
       return 1 - Math.exp(-z * w0 * t) * (Math.cos(wd * t) + ((z * w0) / wd) * Math.sin(wd * t))
     }
     // The frames a spring takes to settle within half a percent and stay there.
+    // The spring's continuous settle time in seconds: the duration that makes
+    // a tween eased 'spring(damping, stiffness, mass)' (@vosjs/timeline 0.5+)
+    // move exactly as Remotion's spring. Same rule and 1 ms step as the ease.
+    const springSeconds = (config = {}) => {
+      let last = 0
+      for (let i = 0; i <= 30000; i++)
+        if (Math.abs(springUnit(i * 0.001, config) - 1) >= 0.005) last = i * 0.001
+      return last + 0.001
+    }
     const springFrames = (fps, config = {}) => {
       let last = 0
       for (let f = 0; f <= fps * 10; f++)
@@ -10223,7 +10232,7 @@ var PAINTER_LIB = `    // THE PAINTER STARTER (vos port): the maths every port r
         corner(p[ii + i2 + p[jj + j2 + p[kk + k2]]], x0 - i2 + 2 * G3, y0 - j2 + 2 * G3, z0 - k2 + 2 * G3) +
         corner(p[ii + 1 + p[jj + 1 + p[kk + 1]]], x0 - 1 + 3 * G3, y0 - 1 + 3 * G3, z0 - 1 + 3 * G3))
     }
-    const lib = { clamp, interpolate, bezier, spring, springFrames, springTo, noise2D, noise3D, random, rng }`;
+    const lib = { clamp, interpolate, bezier, spring, springFrames, springSeconds, springTo, noise2D, noise3D, random, rng }`;
 
 // src/plugin/portScaffold.ts
 var DESIGN_HEIGHT = 1080;
@@ -10496,9 +10505,11 @@ function programSource(p) {
     (s) => `    // TODO scene "${s.name}" (${s.start}s${s.duration ? ` to ${s.start + s.duration}s` : ""}): translate its motion onto ctx.elements.get(id).props / .segments here`
   ).join("\n") : "    // TODO: translate the source's motion here, one block per scene (tl.addLabel above names them)";
   const springHint = p.uses.includes("spring") ? `
-    // The source springs: content.refs.lib.springTo(tl, target, { y: [120, 0] }, at,
-    //   { fps: ctx.data.fps, config: { damping: 200 } }) puts Remotion's spring on
-    //   the timeline frame by frame (spring({ frame, fps, config }) for a value).` : "";
+    // The source springs. Put a spring ON THE TIMELINE with the spring ease:
+    //   tl.to(p, { y: 0, ease: 'spring(200)', duration: content.refs.lib.springSeconds({ damping: 200 }) }, at)
+    // moves exactly as Remotion's spring({ config: { damping: 200 } }) (a longer
+    // duration stretches it, as durationInFrames does). Never compute a spring in
+    // onFrame. lib.spring({ frame, fps, config }) is the value, for a painter.` : "";
   const libBlock = p.lib ? `
 ${PAINTER_LIB}` : "";
   const painterContent = p.painter ? `
@@ -14689,4 +14700,4 @@ export {
   verbHelp,
   run
 };
-//# sourceMappingURL=chunk-XXAY42XS.js.map
+//# sourceMappingURL=chunk-Z74Y4WNW.js.map