@json-render/remotion 0.4.0

package/dist/index.d.ts

@@ -0,0 +1,166 @@
+export { BuiltInTransition, ComponentDefinition, EffectDefinition, EffectFn, Effects, FrameContext, RemotionSchema, RemotionSpec, TransitionDefinition, TransitionFn, VideoComponentContext, VideoComponentFn, VideoComponents, schema, standardComponentDefinitions, standardEffectDefinitions, standardTransitionDefinitions } from './server.js';
+export { Spec } from '@json-render/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'zod';
+import 'react';
+
+/**
+ * Types for Remotion timeline components
+ */
+/**
+ * Clip data passed to components
+ */
+interface Clip {
+    id: string;
+    trackId: string;
+    component: string;
+    props: Record<string, unknown>;
+    from: number;
+    durationInFrames: number;
+    transitionIn?: {
+        type: string;
+        durationInFrames: number;
+    };
+    transitionOut?: {
+        type: string;
+        durationInFrames: number;
+    };
+}
+/**
+ * Timeline spec structure
+ */
+interface TimelineSpec {
+    composition?: {
+        id: string;
+        fps: number;
+        width: number;
+        height: number;
+        durationInFrames: number;
+    };
+    tracks?: {
+        id: string;
+        name: string;
+        type: string;
+        enabled: boolean;
+    }[];
+    clips?: Clip[];
+    audio?: {
+        tracks: AudioTrack[];
+    };
+}
+/**
+ * Audio track in the timeline
+ */
+interface AudioTrack {
+    id: string;
+    src: string;
+    from: number;
+    durationInFrames: number;
+    volume: number;
+}
+/**
+ * Transition styles calculated by useTransition hook
+ */
+interface TransitionStyles {
+    opacity: number;
+    translateX: number;
+    translateY: number;
+    scale: number;
+}
+/**
+ * Component render function type
+ */
+type ClipComponent = React.ComponentType<{
+    clip: Clip;
+}>;
+/**
+ * Component registry type
+ */
+type ComponentRegistry = Record<string, ClipComponent>;
+
+/**
+ * Calculate transition styles based on clip configuration
+ *
+ * Handles both transitionIn and transitionOut with support for:
+ * - fade
+ * - slideLeft / slideRight
+ * - slideUp / slideDown
+ * - zoom
+ * - wipe
+ */
+declare function useTransition(clip: Clip, frame: number): TransitionStyles;
+
+interface ClipWrapperProps {
+    clip: Clip;
+    children: React.ReactNode;
+}
+/**
+ * Wrapper component that applies transition animations to clips
+ *
+ * Automatically handles transitionIn and transitionOut based on clip config.
+ */
+declare function ClipWrapper({ clip, children }: ClipWrapperProps): react_jsx_runtime.JSX.Element;
+
+declare function TitleCard({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function ImageSlide({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function SplitScreen({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function QuoteCard({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function StatCard({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function LowerThird({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function TextOverlay({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function TypingText({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function LogoBug({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+declare function VideoClip({ clip }: {
+    clip: Clip;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Standard components provided by @json-render/remotion
+ */
+declare const standardComponents: ComponentRegistry;
+interface RendererProps {
+    /** The timeline spec to render */
+    spec: TimelineSpec;
+    /**
+     * Custom component registry to merge with standard components.
+     * Custom components override standard ones with the same name.
+     */
+    components?: ComponentRegistry;
+}
+/**
+ * Renders a timeline spec into Remotion components
+ *
+ * @example
+ * // Use with standard components only
+ * <Renderer spec={mySpec} />
+ *
+ * @example
+ * // Add custom components
+ * <Renderer
+ *   spec={mySpec}
+ *   components={{
+ *     CustomScene: MyCustomSceneComponent,
+ *   }}
+ * />
+ */
+declare function Renderer({ spec, components: customComponents, }: RendererProps): react_jsx_runtime.JSX.Element;
+
+export { type AudioTrack, type Clip, type ClipComponent, ClipWrapper, type ComponentRegistry, ImageSlide, LogoBug, LowerThird, QuoteCard, Renderer, SplitScreen, StatCard, TextOverlay, type TimelineSpec, TitleCard, type TransitionStyles, TypingText, VideoClip, standardComponents, useTransition };