@vibecuting/video-project-core 0.1.29 → 0.1.31

package/src/base/utils/video-layer-types.test.ts

@@ -0,0 +1,145 @@
+import { describe, expect, it } from "vitest";
+import {
+  videoLayerBackgroundSchema,
+  videoLayerDisplaySchema,
+  videoLayerDialogueAudioManifestSchema,
+} from "./video-layer-types";
+import { buildVideoLayerBgmCues, getVideoLayerCueVolume } from "./background-audio-layer";
+import { getDialogueManifestDurationInFrames } from "./voice-captions-foreground";
+
+describe("video layer schemas", () => {
+  it("accepts image backgrounds", () => {
+    expect(
+      videoLayerBackgroundSchema.parse({
+        mode: "image",
+        baseColor: "#020617",
+        imageUrl: "https://example.com/bg.jpg",
+        imageOpacity: 0.8,
+        accentColor: "rgba(56, 189, 248, 0.4)",
+      }),
+    ).toEqual({
+      mode: "image",
+      baseColor: "#020617",
+      imageUrl: "https://example.com/bg.jpg",
+      imageOpacity: 0.8,
+      accentColor: "rgba(56, 189, 248, 0.4)",
+    });
+  });
+
+  it("rejects middle chapter progress placement", () => {
+    const surface = {
+      enabled: true,
+      position: { placement: "top" as const, align: "center" as const },
+      style: {
+        fontFamily: "sans-serif",
+        fontSize: 24,
+        fontWeight: 700,
+        color: "#fff",
+      },
+    };
+
+    expect(() =>
+      videoLayerDisplaySchema.parse({
+        title: surface,
+        subtitles: surface,
+        chapterInfo: {
+          ...surface,
+          position: { placement: "middle", align: "center" },
+        },
+        watermark: surface,
+      }),
+    ).toThrow("只支持 top 或 bottom");
+  });
+
+  it("accepts dialogue manifests used by voice captions", () => {
+    expect(
+      videoLayerDialogueAudioManifestSchema.parse({
+        projectId: "project-a",
+        generatedAt: "2026-06-22T00:00:00.000Z",
+        backend: "litellm",
+        fps: 30,
+        entries: [
+          {
+            chapterId: "intro",
+            chapterTitle: "Intro",
+            sceneId: "scene-1",
+            sceneTitle: "Scene 1",
+            lineIndex: 0,
+            speaker: "Narrator",
+            voice: null,
+            text: "Hello",
+            captionText: "Hello",
+            startFrame: 0,
+            durationInFrames: 45,
+            audioFile: "hello.wav",
+          },
+        ],
+      }).entries,
+    ).toHaveLength(1);
+  });
+});
+
+describe("background audio helpers", () => {
+  it("builds bgm cues from chapter plans and runtime timings", () => {
+    expect(
+      buildVideoLayerBgmCues(
+        [{ id: "intro", bgm: { mood: "warm", source: "assets/audio/intro.mp3", volume: 0.5 } }],
+        [{ key: "intro", startFrame: 30, durationInFrames: 90 }],
+      ),
+    ).toEqual([
+      {
+        id: "bgm-intro",
+        source: "assets/audio/intro.mp3",
+        startFrame: 30,
+        durationInFrames: 90,
+        volume: 0.5,
+        fadeInFrames: undefined,
+        fadeOutFrames: undefined,
+      },
+    ]);
+  });
+
+  it("applies cue fade in and fade out volume", () => {
+    const cue = {
+      id: "sfx",
+      source: "assets/audio/hit.wav",
+      startFrame: 0,
+      durationInFrames: 100,
+      volume: 0.8,
+      fadeInFrames: 10,
+      fadeOutFrames: 20,
+    };
+
+    expect(getVideoLayerCueVolume(cue, 5)).toBe(0.4);
+    expect(getVideoLayerCueVolume(cue, 50)).toBe(0.8);
+    expect(getVideoLayerCueVolume(cue, 90)).toBe(0.4);
+  });
+
+  it("computes dialogue manifest duration from durationMs when present", () => {
+    expect(
+      getDialogueManifestDurationInFrames({
+        projectId: "p",
+        generatedAt: "2026-06-22T00:00:00.000Z",
+        backend: "test",
+        fps: 30,
+        entries: [
+          {
+            chapterId: "intro",
+            chapterTitle: "Intro",
+            sceneId: "scene-1",
+            sceneTitle: "Scene 1",
+            lineIndex: 0,
+            speaker: "Narrator",
+            voice: null,
+            text: "Hello",
+            captionText: "Hello",
+            startFrame: 10,
+            durationInFrames: 1,
+            durationMs: 2000,
+            audioFile: "hello.wav",
+          },
+        ],
+      }),
+    ).toBe(70);
+  });
+});

package/src/base/utils/video-layer-types.ts

@@ -0,0 +1,220 @@
+import { z } from "zod";
+
+export const videoLayerAspectRatioSchema = z.enum(["16:9", "9:16"]);
+
+export const videoLayerResolutionSchema = z.union([
+  z.literal(1024),
+  z.literal(1080),
+  z.literal(1920),
+]);
+
+export const videoLayerBackgroundSchema = z
+  .object({
+    mode: z.enum(["solid", "gradient", "image"]),
+    baseColor: z.string().min(1),
+    gradient: z.string().optional(),
+    imageUrl: z.string().optional(),
+    imageOpacity: z.number().min(0).max(1).optional(),
+    accentColor: z.string().optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceMotionStrategySchema = z.enum([
+  "static",
+  "drift",
+  "float",
+  "loop",
+]);
+
+export const videoLayerSurfaceEasingSchema = z.enum([
+  "linear",
+  "easeInOut",
+  "easeOut",
+]);
+
+export const videoLayerSurfaceAlignSchema = z.enum(["left", "center", "right"]);
+
+export const videoLayerSurfacePlacementSchema = z.enum(["top", "middle", "bottom"]);
+
+export const videoLayerSurfacePositionSchema = z
+  .object({
+    placement: videoLayerSurfacePlacementSchema,
+    align: videoLayerSurfaceAlignSchema.optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceMotionSchema = z
+  .object({
+    enabled: z.boolean().optional(),
+    strategy: videoLayerSurfaceMotionStrategySchema.optional(),
+    amplitudeX: z.number().optional(),
+    amplitudeY: z.number().optional(),
+    speed: z.number().optional(),
+    phase: z.number().optional(),
+    easing: videoLayerSurfaceEasingSchema.optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceStyleSchema = z
+  .object({
+    fontFamily: z.string(),
+    fontSize: z.number(),
+    fontWeight: z.number(),
+    color: z.string(),
+    lineHeight: z.number().optional(),
+    backgroundColor: z.string().optional(),
+    borderRadius: z.number().optional(),
+    padding: z.number().optional(),
+    maxWidth: z.number().optional(),
+    shadow: z.string().optional(),
+    opacity: z.number().optional(),
+    foregroundColor: z.string().optional(),
+    foregroundGradient: z.string().optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceResponsiveStyleSchema = z
+  .object({
+    portrait: videoLayerSurfaceStyleSchema.partial().optional(),
+    landscape: videoLayerSurfaceStyleSchema.partial().optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceResponsivePositionSchema = z
+  .object({
+    portrait: videoLayerSurfacePositionSchema.partial().optional(),
+    landscape: videoLayerSurfacePositionSchema.partial().optional(),
+  })
+  .strict();
+
+export const videoLayerSurfaceSchema = z
+  .object({
+    enabled: z.boolean(),
+    position: videoLayerSurfacePositionSchema,
+    style: videoLayerSurfaceStyleSchema,
+    responsiveStyle: videoLayerSurfaceResponsiveStyleSchema.optional(),
+    responsivePosition: videoLayerSurfaceResponsivePositionSchema.optional(),
+    motion: videoLayerSurfaceMotionSchema.optional(),
+  })
+  .strict();
+
+export const videoLayerDisplaySchema = z
+  .object({
+    title: videoLayerSurfaceSchema,
+    subtitles: videoLayerSurfaceSchema,
+    chapterInfo: videoLayerSurfaceSchema,
+    watermark: videoLayerSurfaceSchema,
+  })
+  .strict()
+  .superRefine((value, ctx) => {
+    const chapterInfo = value.chapterInfo;
+    if (chapterInfo.position.placement === "middle") {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        path: ["chapterInfo", "position", "placement"],
+        message: "只支持 top 或 bottom",
+      });
+    }
+  });
+
+export const videoLayerLayoutSchema = z
+  .object({
+    background: videoLayerBackgroundSchema,
+  })
+  .passthrough();
+
+export const videoLayerDesignSchema = z
+  .object({
+    layout: videoLayerLayoutSchema,
+    display: videoLayerDisplaySchema,
+  })
+  .passthrough();
+
+export const videoLayerChapterProgressItemSchema = z
+  .object({
+    title: z.string().min(1),
+    durationInFrames: z.number().int().positive(),
+  })
+  .strict();
+
+export const videoLayerBackgroundMusicPlanSchema = z
+  .object({
+    mood: z.string().min(1),
+    source: z.string().optional(),
+    prompt: z.string().optional(),
+    volume: z.number().min(0).max(1).optional(),
+    fadeInFrames: z.number().int().nonnegative().optional(),
+    fadeOutFrames: z.number().int().nonnegative().optional(),
+    notes: z.string().optional(),
+  })
+  .strict();
+
+export const videoLayerAudioCueSchema = z
+  .object({
+    id: z.string().min(1),
+    source: z.string().min(1),
+    startFrame: z.number().int().nonnegative(),
+    durationInFrames: z.number().int().positive(),
+    volume: z.number().min(0).max(1).optional(),
+    fadeInFrames: z.number().int().nonnegative().optional(),
+    fadeOutFrames: z.number().int().nonnegative().optional(),
+  })
+  .strict();
+
+export const videoLayerDialogueAudioManifestEntrySchema = z
+  .object({
+    chapterId: z.string().min(1),
+    chapterTitle: z.string().min(1),
+    sceneId: z.string().min(1),
+    sceneTitle: z.string().min(1),
+    lineIndex: z.number().int().nonnegative(),
+    speaker: z.string().min(1),
+    voice: z.string().nullable(),
+    text: z.string().min(1),
+    captionText: z.string().min(1),
+    startFrame: z.number().int().nonnegative(),
+    durationInFrames: z.number().int().positive(),
+    durationMs: z.number().positive().optional(),
+    audioFile: z.string().min(1),
+  })
+  .strict();
+
+export const videoLayerDialogueAudioManifestSchema = z
+  .object({
+    projectId: z.string().min(1),
+    generatedAt: z.string().min(1),
+    backend: z.string().min(1),
+    fps: z.number().int().positive(),
+    entries: z.array(videoLayerDialogueAudioManifestEntrySchema),
+  })
+  .strict();
+
+export type VideoLayerAspectRatio = z.infer<typeof videoLayerAspectRatioSchema>;
+export type VideoLayerResolution = z.infer<typeof videoLayerResolutionSchema>;
+export type VideoLayerBackgroundConfig = z.infer<typeof videoLayerBackgroundSchema>;
+export type VideoLayerSurfacePositionConfig = z.infer<typeof videoLayerSurfacePositionSchema>;
+export type VideoLayerSurfaceMotionConfig = z.infer<typeof videoLayerSurfaceMotionSchema>;
+export type VideoLayerSurfaceStyleConfig = z.infer<typeof videoLayerSurfaceStyleSchema>;
+export type VideoLayerSurfaceResponsiveStyleConfig = z.infer<
+  typeof videoLayerSurfaceResponsiveStyleSchema
+>;
+export type VideoLayerSurfaceResponsivePositionConfig = z.infer<
+  typeof videoLayerSurfaceResponsivePositionSchema
+>;
+export type VideoLayerSurfaceConfig = z.infer<typeof videoLayerSurfaceSchema>;
+export type VideoLayerDisplayConfig = z.infer<typeof videoLayerDisplaySchema>;
+export type VideoLayerLayoutConfig = z.infer<typeof videoLayerLayoutSchema>;
+export type VideoLayerDesign = z.infer<typeof videoLayerDesignSchema>;
+export type VideoLayerChapterProgressItem = z.infer<
+  typeof videoLayerChapterProgressItemSchema
+>;
+export type VideoLayerBackgroundMusicPlan = z.infer<
+  typeof videoLayerBackgroundMusicPlanSchema
+>;
+export type VideoLayerAudioCue = z.infer<typeof videoLayerAudioCueSchema>;
+export type VideoLayerDialogueAudioManifestEntry = z.infer<
+  typeof videoLayerDialogueAudioManifestEntrySchema
+>;
+export type VideoLayerDialogueAudioManifest = z.infer<
+  typeof videoLayerDialogueAudioManifestSchema
+>;

package/src/base/utils/voice-captions-foreground.tsx

@@ -0,0 +1,169 @@
+import {
+  Audio,
+  Sequence,
+  staticFile,
+  useCurrentFrame,
+  useVideoConfig,
+} from "remotion";
+import { buildVideoLayerDisplaySurfaceStyle } from "./display-surface";
+import { resolveVideoLayerSubtitleStyle } from "./subtitle-style";
+import type {
+  VideoLayerDesign,
+  VideoLayerDialogueAudioManifest,
+  VideoLayerDialogueAudioManifestEntry,
+} from "./video-layer-types";
+
+type DialogueTimelineLine = {
+  chapterId: string;
+  sceneId: string;
+  lineIndex: number;
+  speaker: string;
+  voice?: string;
+  startFrame: number;
+  durationInFrames: number;
+  audioFile: string;
+};
+
+export type VideoVoiceCaptionsForegroundProps = {
+  design: VideoLayerDesign;
+  manifest: VideoLayerDialogueAudioManifest;
+  captions: Array<{
+    startMs: number;
+    endMs: number;
+    text: string;
+  }>;
+};
+
+export type DialogueAudioManifestEntry = VideoLayerDialogueAudioManifestEntry;
+export type DialogueAudioManifest = VideoLayerDialogueAudioManifest;
+
+export const getDialogueLineDurationInFrames = (
+  entry: VideoLayerDialogueAudioManifestEntry,
+  fps: number,
+) => {
+  if (typeof entry.durationMs === "number" && Number.isFinite(entry.durationMs)) {
+    return Math.max(1, Math.round((entry.durationMs / 1000) * fps));
+  }
+
+  return Math.max(1, entry.durationInFrames);
+};
+
+export const getDialogueManifestDurationInFrames = (
+  manifest: VideoLayerDialogueAudioManifest,
+) => {
+  return manifest.entries.reduce((maxEndFrame, entry) => {
+    const durationInFrames = getDialogueLineDurationInFrames(entry, manifest.fps);
+    return Math.max(maxEndFrame, entry.startFrame + durationInFrames);
+  }, 0);
+};
+
+const normalizeDialogueAudioFile = (audioFile: string) => {
+  const normalizedAudioFile = audioFile.replace(/^public\//, "").replace(/^\/+/, "");
+
+  return normalizedAudioFile.includes("/")
+    ? normalizedAudioFile
+    : `assets/audio/${normalizedAudioFile}`;
+};
+
+const buildDialogueTimeline = (
+  manifest: VideoLayerDialogueAudioManifest,
+): DialogueTimelineLine[] => {
+  return manifest.entries.map((entry) => ({
+    chapterId: entry.chapterId,
+    sceneId: entry.sceneId,
+    lineIndex: entry.lineIndex,
+    speaker: entry.speaker,
+    voice: entry.voice ?? undefined,
+    startFrame: entry.startFrame,
+    durationInFrames: getDialogueLineDurationInFrames(entry, manifest.fps),
+    audioFile: normalizeDialogueAudioFile(entry.audioFile),
+  }));
+};
+
+export const VideoVoiceCaptionsForeground = ({
+  design,
+  manifest,
+  captions,
+}: VideoVoiceCaptionsForegroundProps) => {
+  const { fps, width, height } = useVideoConfig();
+  const frame = useCurrentFrame();
+  const dialogueTimeline = buildDialogueTimeline(manifest);
+  const subtitleSurface = resolveVideoLayerSubtitleStyle(design.display.subtitles, {
+    width,
+    height,
+  });
+
+  return (
+    <>
+      {dialogueTimeline.map((line) => (
+        <Sequence
+          key={`${line.chapterId}-${line.sceneId}-${line.lineIndex}`}
+          from={line.startFrame}
+          durationInFrames={line.durationInFrames}
+        >
+          <Audio src={staticFile(line.audioFile)} volume={1} />
+        </Sequence>
+      ))}
+      {subtitleSurface.enabled && captions.length > 0 ? (
+        <div
+          style={buildVideoLayerDisplaySurfaceStyle(subtitleSurface, frame, fps, {
+            background: "transparent",
+            padding: 0,
+          })}
+        >
+          {captions.map((caption, index) => {
+            const startFrame = Math.max(0, Math.round((caption.startMs / 1000) * fps));
+            const durationInFrames = Math.max(
+              1,
+              Math.round(((caption.endMs - caption.startMs) / 1000) * fps),
+            );
+
+            return (
+              <Sequence
+                key={`${caption.startMs}-${index}`}
+                from={startFrame}
+                durationInFrames={durationInFrames}
+              >
+                <div
+                  style={{
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "100%",
+                    opacity: 0.96,
+                    boxSizing: "border-box",
+                  }}
+                >
+                  <div
+                    style={{
+                      display: "inline-flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      padding: subtitleSurface.style.padding ?? 0,
+                      borderRadius: subtitleSurface.style.borderRadius ?? 0,
+                      background:
+                        subtitleSurface.style.backgroundColor ?? "rgba(2, 6, 23, 0.86)",
+                      color: subtitleSurface.style.color,
+                      fontFamily: subtitleSurface.style.fontFamily,
+                      fontSize: subtitleSurface.style.fontSize,
+                      fontWeight: subtitleSurface.style.fontWeight,
+                      lineHeight: subtitleSurface.style.lineHeight ?? 1.25,
+                      maxWidth: subtitleSurface.style.maxWidth ?? "100%",
+                      boxShadow: subtitleSurface.style.shadow ?? "none",
+                      whiteSpace: "pre-wrap",
+                      textAlign: "center",
+                    }}
+                  >
+                    {caption.text}
+                  </div>
+                </div>
+              </Sequence>
+            );
+          })}
+        </div>
+      ) : null}
+    </>
+  );
+};
+
+export const VoiceCaptionsForeground = VideoVoiceCaptionsForeground;

package/src/core/intro/index.ts

@@ -1,18 +1,18 @@
-export { DefaultIntroBumper } from './default-intro-bumper'
-export { DefaultCinematicIntroBumper } from './default-cinematic-intro-bumper'
-export { DefaultNoirIntroBumper } from './default-noir-intro-bumper'
-export { DefaultTrailerIntroBumper } from './default-trailer-intro-bumper'
-export { DefaultFestivalIntroBumper } from './default-festival-intro-bumper'
-export { DefaultWesternIntroBumper } from './western-intro'
-export { DefaultSciFiIntroBumper } from './sci-fi-intro'
-export { DefaultNoirIntroBumperDeluxe } from './noir-intro-deluxe'
-export { DefaultTrailerIntroBumperPremiere } from './trailer-intro-premiere'
-export { DefaultFestivalIntroBumperSpotlight } from './festival-intro-spotlight'
-export { DefaultNoirIntroBumperCity } from './noir-intro-city'
-export { DefaultCyberpunkIntroBumperNeon } from './cyberpunk-intro-neon'
-export { DefaultWesternIntroBumperGangster } from './western-intro-gangster'
-export { DefaultCyberpunkIntroBumperHolo } from './cyberpunk-intro-holo'
-export { DefaultDocumentaryIntroBumper } from './documentary-intro-observation'
-export { DefaultThrillerIntroBumper } from './thriller-intro-suspense'
-export { DefaultFamilyIntroBumper } from './family-intro-reunion'
-export { DefaultTravelIntroBumper } from './travel-intro-journey'
+export { DefaultIntroBumper } from './default-intro-bumper/index'
+export { DefaultCinematicIntroBumper } from './default-cinematic-intro-bumper/index'
+export { DefaultNoirIntroBumper } from './default-noir-intro-bumper/index'
+export { DefaultTrailerIntroBumper } from './default-trailer-intro-bumper/index'
+export { DefaultFestivalIntroBumper } from './default-festival-intro-bumper/index'
+export { DefaultWesternIntroBumper } from './western-intro/index'
+export { DefaultSciFiIntroBumper } from './sci-fi-intro/index'
+export { DefaultNoirIntroBumperDeluxe } from './noir-intro-deluxe/index'
+export { DefaultTrailerIntroBumperPremiere } from './trailer-intro-premiere/index'
+export { DefaultFestivalIntroBumperSpotlight } from './festival-intro-spotlight/index'
+export { DefaultNoirIntroBumperCity } from './noir-intro-city/index'
+export { DefaultCyberpunkIntroBumperNeon } from './cyberpunk-intro-neon/index'
+export { DefaultWesternIntroBumperGangster } from './western-intro-gangster/index'
+export { DefaultCyberpunkIntroBumperHolo } from './cyberpunk-intro-holo/index'
+export { DefaultDocumentaryIntroBumper } from './documentary-intro-observation/index'
+export { DefaultThrillerIntroBumper } from './thriller-intro-suspense/index'
+export { DefaultFamilyIntroBumper } from './family-intro-reunion/index'
+export { DefaultTravelIntroBumper } from './travel-intro-journey/index'

package/src/core/outro/index.ts

@@ -1,64 +1,64 @@
-export { DefaultOutroBumper } from './default-outro-bumper'
-export { DefaultOutroBumperLandscape, DefaultOutroBumperLandscapeMetadata } from './default-outro-bumper'
-export { DefaultOutroBumperHorizontal, DefaultOutroBumperHorizontalMetadata } from './default-outro-bumper'
+export { DefaultOutroBumper } from './default-outro-bumper/index'
+export { DefaultOutroBumperLandscape, DefaultOutroBumperLandscapeMetadata } from './default-outro-bumper/index'
+export { DefaultOutroBumperHorizontal, DefaultOutroBumperHorizontalMetadata } from './default-outro-bumper/index'
 
-export { DefaultCreditsRollOutro } from './default-credits-roll-outro'
-export { DefaultCreditsRollOutroLandscape, DefaultCreditsRollOutroLandscapeMetadata } from './default-credits-roll-outro'
-export { DefaultCreditsRollOutroHorizontal, DefaultCreditsRollOutroHorizontalMetadata } from './default-credits-roll-outro'
+export { DefaultCreditsRollOutro } from './default-credits-roll-outro/index'
+export { DefaultCreditsRollOutroLandscape, DefaultCreditsRollOutroLandscapeMetadata } from './default-credits-roll-outro/index'
+export { DefaultCreditsRollOutroHorizontal, DefaultCreditsRollOutroHorizontalMetadata } from './default-credits-roll-outro/index'
 
-export { DefaultEpilogueOutro } from './default-epilogue-outro'
-export { DefaultEpilogueOutroLandscape, DefaultEpilogueOutroLandscapeMetadata } from './default-epilogue-outro'
-export { DefaultEpilogueOutroHorizontal, DefaultEpilogueOutroHorizontalMetadata } from './default-epilogue-outro'
+export { DefaultEpilogueOutro } from './default-epilogue-outro/index'
+export { DefaultEpilogueOutroLandscape, DefaultEpilogueOutroLandscapeMetadata } from './default-epilogue-outro/index'
+export { DefaultEpilogueOutroHorizontal, DefaultEpilogueOutroHorizontalMetadata } from './default-epilogue-outro/index'
 
-export { DefaultBlackoutOutroBumper } from './default-blackout-outro-bumper'
+export { DefaultBlackoutOutroBumper } from './default-blackout-outro-bumper/index'
 export {
   DefaultBlackoutOutroBumperLandscape,
   DefaultBlackoutOutroBumperLandscapeMetadata,
-} from './default-blackout-outro-bumper'
+} from './default-blackout-outro-bumper/index'
 export {
   DefaultBlackoutOutroBumperHorizontal,
   DefaultBlackoutOutroBumperHorizontalMetadata,
-} from './default-blackout-outro-bumper'
+} from './default-blackout-outro-bumper/index'
 
-export { DefaultSunsetOutroBumper } from './default-sunset-outro-bumper'
-export { DefaultSunsetOutroBumperLandscape, DefaultSunsetOutroBumperLandscapeMetadata } from './default-sunset-outro-bumper'
-export { DefaultSunsetOutroBumperHorizontal, DefaultSunsetOutroBumperHorizontalMetadata } from './default-sunset-outro-bumper'
-export { DefaultCreditsRollOutroRoyal } from './credits-roll-outro-royal'
+export { DefaultSunsetOutroBumper } from './default-sunset-outro-bumper/index'
+export { DefaultSunsetOutroBumperLandscape, DefaultSunsetOutroBumperLandscapeMetadata } from './default-sunset-outro-bumper/index'
+export { DefaultSunsetOutroBumperHorizontal, DefaultSunsetOutroBumperHorizontalMetadata } from './default-sunset-outro-bumper/index'
+export { DefaultCreditsRollOutroRoyal } from './credits-roll-outro-royal/index'
 export {
   DefaultCreditsRollOutroRoyalLandscape,
   DefaultCreditsRollOutroRoyalLandscapeMetadata,
-} from './credits-roll-outro-royal'
+} from './credits-roll-outro-royal/index'
 export {
   DefaultCreditsRollOutroRoyalHorizontal,
   DefaultCreditsRollOutroRoyalHorizontalMetadata,
-} from './credits-roll-outro-royal'
-export { DefaultFestivalOutroBumper } from './festival-outro-encore'
+} from './credits-roll-outro-royal/index'
+export { DefaultFestivalOutroBumper } from './festival-outro-encore/index'
 export {
   DefaultFestivalOutroBumperLandscape,
   DefaultFestivalOutroBumperLandscapeMetadata,
-} from './festival-outro-encore'
+} from './festival-outro-encore/index'
 export {
   DefaultFestivalOutroBumperHorizontal,
   DefaultFestivalOutroBumperHorizontalMetadata,
-} from './festival-outro-encore'
-export { DefaultAwardOutroBumper } from './award-outro-celebration'
+} from './festival-outro-encore/index'
+export { DefaultAwardOutroBumper } from './award-outro-celebration/index'
 export {
   DefaultAwardOutroBumperLandscape,
   DefaultAwardOutroBumperLandscapeMetadata,
-} from './award-outro-celebration'
+} from './award-outro-celebration/index'
 export {
   DefaultAwardOutroBumperHorizontal,
   DefaultAwardOutroBumperHorizontalMetadata,
-} from './award-outro-celebration'
-export { DefaultMemoirOutroBumper } from './memoir-outro-reflection'
+} from './award-outro-celebration/index'
+export { DefaultMemoirOutroBumper } from './memoir-outro-reflection/index'
 export {
   DefaultMemoirOutroBumperLandscape,
   DefaultMemoirOutroBumperLandscapeMetadata,
-} from './memoir-outro-reflection'
+} from './memoir-outro-reflection/index'
 export {
   DefaultMemoirOutroBumperHorizontal,
   DefaultMemoirOutroBumperHorizontalMetadata,
-} from './memoir-outro-reflection'
+} from './memoir-outro-reflection/index'
 
 export {
   DefaultHeistOutroBumper,
@@ -66,9 +66,9 @@ export {
   DefaultHeistOutroBumperLandscapeMetadata,
   DefaultHeistOutroBumperHorizontal,
   DefaultHeistOutroBumperHorizontalMetadata,
-} from './heist-outro'
-export { DefaultRomanceOutroBumper } from './romance-outro'
-export { DefaultBlackoutOutroBumperFinale } from './blackout-outro-finale'
-export { DefaultSunsetOutroBumperCoda } from './sunset-outro-coda'
-export { DefaultCreditsRollOutroPremium } from './credits-roll-outro-premium'
-export { DefaultCreditsRollOutroEpic } from './credits-roll-outro-epic'
+} from './heist-outro/index'
+export { DefaultRomanceOutroBumper } from './romance-outro/index'
+export { DefaultBlackoutOutroBumperFinale } from './blackout-outro-finale/index'
+export { DefaultSunsetOutroBumperCoda } from './sunset-outro-coda/index'
+export { DefaultCreditsRollOutroPremium } from './credits-roll-outro-premium/index'
+export { DefaultCreditsRollOutroEpic } from './credits-roll-outro-epic/index'