@vosjs/studio-core 0.6.0 → 0.7.0

package/dist/index.d.ts

@@ -922,6 +922,15 @@ interface EndCard {
     headline?: string;
     sub?: string;
     wordmark?: string;
+    /**
+     * The brand's MARK as an image (a take-dir path or a URL the render page
+     * can load), with its aspect (width over height), drawn above the
+     * wordmark; a wide mark (a stylised wordmark asset) stands alone.
+     */
+    mark?: {
+        key: string;
+        aspect: number;
+    };
     /**
      * The words' colour (any CSS colour). The house presets are white for
      * footage; over a light plate the brand's ink is what reads. Absent =

package/dist/index.js

@@ -2859,8 +2859,37 @@ function expandEndCard(doc, outputDuration) {
     clips.push(text("endcard-title", card.headline.trim(), "title", 0.44, 0.35));
   if (card.sub?.trim())
     clips.push(text("endcard-sub", card.sub.trim(), "caption", 0.57, 0.5));
-  if (card.wordmark?.trim())
-    clips.push(text("endcard-mark", card.wordmark.trim(), "label", 0.88, 0.65));
+  const mark = card.mark;
+  const wide = !!mark && mark.aspect > 2.2;
+  if (mark && mark.key) {
+    const size = resolveExportSize(doc);
+    const designW = 1080 * size.width / Math.max(1, size.height);
+    const hPx = wide ? 44 : 30;
+    const clip = {
+      id: "endcard-markimg",
+      kind: "image",
+      key: mark.key,
+      width: Math.min(0.9, hPx * Math.max(0.2, mark.aspect) / designW),
+      radius: 0,
+      shadow: "none",
+      start: endStart + 0.65,
+      duration: Math.max(0.3, seconds - 0.65),
+      transform: { x: 0.5, y: wide ? 0.88 : 0.835, scale: 1, rotation: 0 },
+      enter: "rise",
+      exit: "none"
+    };
+    clips.push(clip);
+  }
+  if (card.wordmark?.trim() && !wide)
+    clips.push(
+      text(
+        "endcard-mark",
+        card.wordmark.trim(),
+        "label",
+        mark && mark.key ? 0.895 : 0.88,
+        0.65
+      )
+    );
   const overlays = [...doc.overlays ?? [], ...clips];
   return { doc: { ...doc, segments, overlays }, endStart, seconds };
 }