@contractspec/lib.video-gen 1.42.0

package/dist/node/renderers/config.js

@@ -0,0 +1,35 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/renderers/config.ts
+var defaultRenderConfig = {
+  codec: "h264",
+  outputFormat: "mp4",
+  crf: 18,
+  pixelFormat: "yuv420p"
+};
+var codecFormatMap = {
+  h264: "mp4",
+  h265: "mp4",
+  vp8: "webm",
+  vp9: "webm"
+};
+var qualityPresets = {
+  draft: { crf: 28, concurrency: 1 },
+  standard: { crf: 18, concurrency: undefined },
+  high: { crf: 12, concurrency: undefined }
+};
+function resolveRenderConfig(userConfig, preset) {
+  const presetValues = preset ? qualityPresets[preset] : {};
+  return {
+    ...defaultRenderConfig,
+    ...presetValues,
+    ...userConfig
+  };
+}
+export {
+  resolveRenderConfig,
+  qualityPresets,
+  defaultRenderConfig,
+  codecFormatMap
+};

package/dist/node/renderers/index.js

@@ -0,0 +1,155 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/design/layouts.ts
+import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
+var DEFAULT_FPS = 30;
+var videoSafeZone = {
+  horizontal: 120,
+  vertical: 80,
+  contentWidth: 1680,
+  contentHeight: 920
+};
+function scaleSafeZone(format) {
+  const scaleX = format.width / 1920;
+  const scaleY = format.height / 1080;
+  return {
+    horizontal: Math.round(videoSafeZone.horizontal * scaleX),
+    vertical: Math.round(videoSafeZone.vertical * scaleY),
+    contentWidth: Math.round(videoSafeZone.contentWidth * scaleX),
+    contentHeight: Math.round(videoSafeZone.contentHeight * scaleY)
+  };
+}
+var videoPositions = {
+  center: { x: 960, y: 540 },
+  topLeft: { x: 120, y: 80 },
+  topRight: { x: 1800, y: 80 },
+  bottomLeft: { x: 120, y: 1000 },
+  bottomRight: { x: 1800, y: 1000 },
+  bottomCenter: { x: 960, y: 960 }
+};
+function getAllFormatVariants() {
+  return [
+    VIDEO_FORMATS.landscape,
+    VIDEO_FORMATS.square,
+    VIDEO_FORMATS.portrait
+  ];
+}
+
+// src/renderers/config.ts
+var defaultRenderConfig = {
+  codec: "h264",
+  outputFormat: "mp4",
+  crf: 18,
+  pixelFormat: "yuv420p"
+};
+var codecFormatMap = {
+  h264: "mp4",
+  h265: "mp4",
+  vp8: "webm",
+  vp9: "webm"
+};
+var qualityPresets = {
+  draft: { crf: 28, concurrency: 1 },
+  standard: { crf: 18, concurrency: undefined },
+  high: { crf: 12, concurrency: undefined }
+};
+function resolveRenderConfig(userConfig, preset) {
+  const presetValues = preset ? qualityPresets[preset] : {};
+  return {
+    ...defaultRenderConfig,
+    ...presetValues,
+    ...userConfig
+  };
+}
+
+// src/renderers/local.ts
+class LocalRenderer {
+  entryPoint;
+  constructor(options) {
+    this.entryPoint = options.entryPoint;
+  }
+  async render(project, config) {
+    const resolved = resolveRenderConfig(config);
+    const { bundle } = await import("@remotion/bundler");
+    const { renderMedia, selectComposition } = await import("@remotion/renderer");
+    const bundleLocation = await bundle({
+      entryPoint: this.entryPoint
+    });
+    const firstScene = project.scenes[0];
+    const mainCompositionId = project.scenes.length === 1 && firstScene ? firstScene.compositionId : "Master";
+    const composition = await selectComposition({
+      serveUrl: bundleLocation,
+      id: mainCompositionId,
+      inputProps: {
+        project
+      }
+    });
+    await renderMedia({
+      composition,
+      serveUrl: bundleLocation,
+      codec: resolved.codec,
+      outputLocation: resolved.outputPath,
+      inputProps: { project },
+      ...resolved.crf && { crf: resolved.crf },
+      ...resolved.concurrency && {
+        concurrency: resolved.concurrency
+      }
+    });
+    const result = {
+      outputPath: resolved.outputPath,
+      format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
+      codec: resolved.codec ?? defaultRenderConfig.codec,
+      durationSeconds: project.totalDurationInFrames / project.fps,
+      fileSizeBytes: 0,
+      dimensions: {
+        width: project.format.width,
+        height: project.format.height
+      }
+    };
+    if (config.autoVariants) {
+      const variants = getAllFormatVariants().filter((f) => f.type !== project.format.type);
+      const variantResults = [];
+      for (const variantFormat of variants) {
+        const variantPath = resolved.outputPath.replace(/(\.[^.]+)$/, `-${variantFormat.type}$1`);
+        const variantProject = {
+          ...project,
+          format: variantFormat
+        };
+        const variantComposition = await selectComposition({
+          serveUrl: bundleLocation,
+          id: mainCompositionId,
+          inputProps: { project: variantProject }
+        });
+        await renderMedia({
+          composition: variantComposition,
+          serveUrl: bundleLocation,
+          codec: resolved.codec,
+          outputLocation: variantPath,
+          inputProps: { project: variantProject },
+          ...resolved.crf && { crf: resolved.crf }
+        });
+        variantResults.push({
+          outputPath: variantPath,
+          format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
+          codec: resolved.codec ?? defaultRenderConfig.codec,
+          durationSeconds: project.totalDurationInFrames / project.fps,
+          fileSizeBytes: 0,
+          dimensions: {
+            width: variantFormat.width,
+            height: variantFormat.height
+          }
+        });
+      }
+      result.variants = variantResults;
+    }
+    return result;
+  }
+}
+export {
+  resolveRenderConfig,
+  qualityPresets,
+  defaultRenderConfig,
+  codecFormatMap,
+  LocalRenderer
+};

package/dist/node/renderers/local.js

@@ -0,0 +1,151 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/design/layouts.ts
+import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
+var DEFAULT_FPS = 30;
+var videoSafeZone = {
+  horizontal: 120,
+  vertical: 80,
+  contentWidth: 1680,
+  contentHeight: 920
+};
+function scaleSafeZone(format) {
+  const scaleX = format.width / 1920;
+  const scaleY = format.height / 1080;
+  return {
+    horizontal: Math.round(videoSafeZone.horizontal * scaleX),
+    vertical: Math.round(videoSafeZone.vertical * scaleY),
+    contentWidth: Math.round(videoSafeZone.contentWidth * scaleX),
+    contentHeight: Math.round(videoSafeZone.contentHeight * scaleY)
+  };
+}
+var videoPositions = {
+  center: { x: 960, y: 540 },
+  topLeft: { x: 120, y: 80 },
+  topRight: { x: 1800, y: 80 },
+  bottomLeft: { x: 120, y: 1000 },
+  bottomRight: { x: 1800, y: 1000 },
+  bottomCenter: { x: 960, y: 960 }
+};
+function getAllFormatVariants() {
+  return [
+    VIDEO_FORMATS.landscape,
+    VIDEO_FORMATS.square,
+    VIDEO_FORMATS.portrait
+  ];
+}
+
+// src/renderers/config.ts
+var defaultRenderConfig = {
+  codec: "h264",
+  outputFormat: "mp4",
+  crf: 18,
+  pixelFormat: "yuv420p"
+};
+var codecFormatMap = {
+  h264: "mp4",
+  h265: "mp4",
+  vp8: "webm",
+  vp9: "webm"
+};
+var qualityPresets = {
+  draft: { crf: 28, concurrency: 1 },
+  standard: { crf: 18, concurrency: undefined },
+  high: { crf: 12, concurrency: undefined }
+};
+function resolveRenderConfig(userConfig, preset) {
+  const presetValues = preset ? qualityPresets[preset] : {};
+  return {
+    ...defaultRenderConfig,
+    ...presetValues,
+    ...userConfig
+  };
+}
+
+// src/renderers/local.ts
+class LocalRenderer {
+  entryPoint;
+  constructor(options) {
+    this.entryPoint = options.entryPoint;
+  }
+  async render(project, config) {
+    const resolved = resolveRenderConfig(config);
+    const { bundle } = await import("@remotion/bundler");
+    const { renderMedia, selectComposition } = await import("@remotion/renderer");
+    const bundleLocation = await bundle({
+      entryPoint: this.entryPoint
+    });
+    const firstScene = project.scenes[0];
+    const mainCompositionId = project.scenes.length === 1 && firstScene ? firstScene.compositionId : "Master";
+    const composition = await selectComposition({
+      serveUrl: bundleLocation,
+      id: mainCompositionId,
+      inputProps: {
+        project
+      }
+    });
+    await renderMedia({
+      composition,
+      serveUrl: bundleLocation,
+      codec: resolved.codec,
+      outputLocation: resolved.outputPath,
+      inputProps: { project },
+      ...resolved.crf && { crf: resolved.crf },
+      ...resolved.concurrency && {
+        concurrency: resolved.concurrency
+      }
+    });
+    const result = {
+      outputPath: resolved.outputPath,
+      format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
+      codec: resolved.codec ?? defaultRenderConfig.codec,
+      durationSeconds: project.totalDurationInFrames / project.fps,
+      fileSizeBytes: 0,
+      dimensions: {
+        width: project.format.width,
+        height: project.format.height
+      }
+    };
+    if (config.autoVariants) {
+      const variants = getAllFormatVariants().filter((f) => f.type !== project.format.type);
+      const variantResults = [];
+      for (const variantFormat of variants) {
+        const variantPath = resolved.outputPath.replace(/(\.[^.]+)$/, `-${variantFormat.type}$1`);
+        const variantProject = {
+          ...project,
+          format: variantFormat
+        };
+        const variantComposition = await selectComposition({
+          serveUrl: bundleLocation,
+          id: mainCompositionId,
+          inputProps: { project: variantProject }
+        });
+        await renderMedia({
+          composition: variantComposition,
+          serveUrl: bundleLocation,
+          codec: resolved.codec,
+          outputLocation: variantPath,
+          inputProps: { project: variantProject },
+          ...resolved.crf && { crf: resolved.crf }
+        });
+        variantResults.push({
+          outputPath: variantPath,
+          format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
+          codec: resolved.codec ?? defaultRenderConfig.codec,
+          durationSeconds: project.totalDurationInFrames / project.fps,
+          fileSizeBytes: 0,
+          dimensions: {
+            width: variantFormat.width,
+            height: variantFormat.height
+          }
+        });
+      }
+      result.variants = variantResults;
+    }
+    return result;
+  }
+}
+export {
+  LocalRenderer
+};

package/dist/node/types.js

@@ -0,0 +1,8 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/types.ts
+import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
+export {
+  VIDEO_FORMATS
+};

package/dist/player/demo-player.d.ts

@@ -0,0 +1,55 @@
+import React from 'react';
+import type { ApiOverviewProps } from '../compositions/api-overview';
+import type { SocialClipProps } from '../compositions/social-clip';
+import type { TerminalDemoProps } from '../compositions/terminal-demo';
+/**
+ * Available compositions for the player.
+ */
+export type DemoCompositionId = 'ApiOverview' | 'SocialClip' | 'TerminalDemo';
+export interface DemoCompositionProps {
+    ApiOverview: ApiOverviewProps;
+    SocialClip: SocialClipProps;
+    TerminalDemo: TerminalDemoProps;
+}
+export interface DemoPlayerProps<T extends DemoCompositionId> {
+    /** Which composition to play */
+    compositionId: T;
+    /** Props for the composition */
+    inputProps: DemoCompositionProps[T];
+    /** Show player controls */
+    controls?: boolean;
+    /** Autoplay on mount */
+    autoPlay?: boolean;
+    /** Loop playback */
+    loop?: boolean;
+    /** Player width (CSS value or number in px) */
+    width?: string | number;
+    /** Player height (CSS value). Defaults to auto (aspect ratio maintained). */
+    height?: string | number;
+    /** Additional CSS styles for the container */
+    style?: React.CSSProperties;
+    /** CSS class name */
+    className?: string;
+    /** Click to play behavior */
+    clickToPlay?: boolean;
+    /** Double click to fullscreen */
+    doubleClickToFullscreen?: boolean;
+}
+/**
+ * Embeddable video demo player.
+ *
+ * @example
+ * ```tsx
+ * <DemoPlayer
+ *   compositionId="ApiOverview"
+ *   inputProps={{
+ *     specName: "CreateUser",
+ *     specCode: "...",
+ *   }}
+ *   controls
+ *   autoPlay
+ *   loop
+ * />
+ * ```
+ */
+export declare function DemoPlayer<T extends DemoCompositionId>({ compositionId, inputProps, controls, autoPlay, loop, width, height, style, className, clickToPlay, doubleClickToFullscreen, }: DemoPlayerProps<T>): import("react/jsx-runtime").JSX.Element;