@vosjs/studio-core 0.48.0 → 0.49.0

package/dist/index.d.ts

@@ -397,6 +397,13 @@ interface RecordingMeta {
      * whole take, so Chrome letterboxes the resized content — surface a notice.
      */
     resizedDuringTake?: boolean;
+    /**
+     * How round the footage's own corners are, in cursor-space units (a recorded
+     * window's points). Outside them the footage is opaque: a window recorded
+     * alone is black there. A card drawn around the footage is at least this
+     * round, or those corners show as notches. Absent or 0 = square footage.
+     */
+    cornerRadius?: number;
     /**
      * Page URL/title at record start (seeds the browser-bar mock's address pill).
      * Query/hash are stripped at capture for privacy.

package/dist/index.js

@@ -8567,6 +8567,11 @@ var ON_FRAME = `(ctx, content, dt) => {
     cardX = dx; cardY = dy - barH; cardW = dw; cardH = dh + barH
   }
   var radius = (cfr.radius || 0) * s2
+  // Footage of a window is round at its own corners and opaque outside them.
+  // The card is at least as round, or those corners show as notches. Under
+  // cover the card crops the footage and its corners are not the card's.
+  var ftR = (actM ? actM.footageRadius : d.footageRadius) || 0
+  if (ftR > 0 && !fitCover) radius = Math.max(radius, ftR * dw)
   var shadow = cfr.shadow || 0
   // The shadow's colour (a #rrggbb; the strengths are its alpha) and the
   // optional tight CONTACT layer that makes a light card sit on a light
@@ -9564,6 +9569,7 @@ function lowerToComposition(input) {
     })),
     cursorStyle: doc.cursor,
     cursorSpace: { w: doc.source.meta.width, h: doc.source.meta.height },
+    ...footageRadiusData(doc.source.meta, doc.source.crop),
     // The other media (concat): each with its element's source, its crop
     // and its own cursor in its own capture space; absent = one media.
     ...doc.media && doc.media.length ? {
@@ -9588,6 +9594,7 @@ function lowerToComposition(input) {
             y: round9(p.y)
           })),
           cursorSpace: { w: m.meta.width, h: m.meta.height },
+          ...footageRadiusData(m.meta, m.crop),
           // The card this media wears (its own placement, bar, corner,
           // shadow, border, fit and focus over the take's), resolved
           // here so ON_FRAME swaps one object and reads no document.
@@ -9862,6 +9869,11 @@ function pinsDataOf(doc, pins) {
 function round42(v) {
   return Math.round(v * 1e5) / 1e5;
 }
+function footageRadiusData(meta, crop) {
+  const r = meta.cornerRadius;
+  if (!r || !(r > 0) || crop || !(meta.width > 0)) return {};
+  return { footageRadius: round42(r / meta.width) };
+}
 function clickFxData(doc, rated) {
   const fx = doc.cursor.clickFx;
   const on = fx.style !== "none" || fx.press;