@microfox/remotion 1.2.2 → 1.2.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 1.2.3
+
+### Patch Changes
+
+- fcbdf2f: Changes from PR #38: editor
+- c735283: Changes from PR #32: pg_transcription_upgrades
+- 7ebd522: Changes from PR #25: pg_importablepreset_0111
+
 ## 1.2.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -293,7 +293,7 @@ interface BaseLayoutProps extends BaseRenderableProps {
     };
 }
 declare const Layout: ComponentType$1<BaseLayoutProps>;
-declare const config$c: ComponentConfig;
+declare const config$f: ComponentConfig;
 
 type Shape = 'circle' | 'rectangle' | 'star' | 'triangle';
 interface ShapeAtomProps extends BaseRenderableProps {
@@ -306,8 +306,8 @@ interface ShapeAtomProps extends BaseRenderableProps {
         style?: React$1.CSSProperties;
     };
 }
-declare const Atom$5: React$1.FC<ShapeAtomProps>;
-declare const config$b: ComponentConfig;
+declare const Atom$7: React$1.FC<ShapeAtomProps>;
+declare const config$e: ComponentConfig;
 
 interface ImageAtomProps extends BaseRenderableProps {
     data: {
@@ -317,8 +317,8 @@ interface ImageAtomProps extends BaseRenderableProps {
         proxySrc?: string;
     };
 }
-declare const Atom$4: React$1.FC<ImageAtomProps>;
-declare const config$a: ComponentConfig;
+declare const Atom$6: React$1.FC<ImageAtomProps>;
+declare const config$d: ComponentConfig;
 
 interface FontConfig$1 {
     family: string;
@@ -359,8 +359,8 @@ interface TextAtomProps extends BaseRenderableProps {
  * - Font preloading for performance
  * - Graceful degradation to system fonts
  */
-declare const Atom$3: React$1.FC<TextAtomProps>;
-declare const config$9: ComponentConfig;
+declare const Atom$5: React$1.FC<TextAtomProps>;
+declare const config$c: ComponentConfig;
 
 declare const VideoAtomDataProps: z.ZodObject<{
     src: z.ZodString;
@@ -402,8 +402,8 @@ interface VideoAtomProps extends BaseRenderableProps {
  * @param data - Video configuration object containing all playback and styling settings
  * @returns Remotion Video component with applied configurations
  */
-declare const Atom$2: React$1.FC<VideoAtomProps>;
-declare const config$8: ComponentConfig;
+declare const Atom$4: React$1.FC<VideoAtomProps>;
+declare const config$b: ComponentConfig;
 
 declare const AudioAtomDataProps: z.ZodObject<{
     src: z.ZodString;
@@ -441,8 +441,8 @@ interface AudioAtomProps extends BaseRenderableProps {
  * @param data - Audio configuration object containing all playback settings
  * @returns Remotion Audio component with applied configurations
  */
-declare const Atom$1: React$1.FC<AudioAtomProps>;
-declare const config$7: ComponentConfig;
+declare const Atom$3: React$1.FC<AudioAtomProps>;
+declare const config$a: ComponentConfig;
 
 declare const LottieAtomDataProps: z.ZodObject<{
     src: z.ZodString;
@@ -477,12 +477,49 @@ interface LottieAtomProps extends BaseRenderableProps {
  * @param id - Unique identifier for the component (used for animation effects)
  * @returns Remotion Lottie component with applied configurations
  */
-declare const Atom: React$1.FC<LottieAtomProps>;
+declare const Atom$2: React$1.FC<LottieAtomProps>;
 /**
  * Static configuration for LottieAtom
  * Used for component registration and identification
  */
-declare const config$6: ComponentConfig;
+declare const config$9: ComponentConfig;
+
+declare const CanvasAtomDataProps: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+}, z.core.$strip>;
+type CanvasAtomDataProps = z.infer<typeof CanvasAtomDataProps>;
+interface CanvasAtomProps {
+    data: CanvasAtomDataProps;
+    id?: string;
+}
+declare const Atom$1: React$1.ForwardRefExoticComponent<CanvasAtomProps & React$1.RefAttributes<HTMLCanvasElement>>;
+declare const config$8: ComponentConfig;
+
+interface HTMLBlockAtomData {
+    html: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+}
+interface HTMLBlockAtomProps extends BaseRenderableProps {
+    data: HTMLBlockAtomData;
+}
+/**
+ * HTMLBlockAtom - Renders raw HTML content
+ *
+ * Features:
+ * - Renders raw HTML strings using dangerouslySetInnerHTML
+ * - Supports custom className and style props
+ * - Integrates with animation effects system
+ *
+ * Use cases:
+ * - Injecting custom HTML/CSS/JS into compositions
+ * - Adding SVG definitions and clip paths
+ * - Creating custom styled HTML overlays
+ * - Embedding third-party HTML widgets
+ */
+declare const Atom: React$1.FC<HTMLBlockAtomProps>;
+declare const config$7: ComponentConfig;
 
 interface AnimationRange {
     key: string;
@@ -524,7 +561,7 @@ declare const UniversalEffectProvider: React$1.FC<{
 declare const useAnimatedStyles: (componentId: string) => React$1.CSSProperties;
 
 declare const BlurEffect: React$1.FC<BaseRenderableProps>;
-declare const config$5: {
+declare const config$6: {
     displayName: string;
     description: string;
     isInnerSequence: boolean;
@@ -544,7 +581,7 @@ declare const config$5: {
 };
 
 declare const LoopEffect: React$1.FC<BaseRenderableProps>;
-declare const config$4: ComponentConfig;
+declare const config$5: ComponentConfig;
 
 interface PanEffectData {
     effectTiming?: 'start' | 'end';
@@ -561,7 +598,7 @@ interface PanEffectData {
     animationType?: 'linear' | 'spring' | 'ease-in' | 'ease-out' | 'ease-in-out';
 }
 declare const PanEffect: React$1.FC<BaseRenderableProps>;
-declare const config$3: ComponentConfig;
+declare const config$4: ComponentConfig;
 
 interface ZoomEffectData {
     effectTiming?: 'start' | 'end';
@@ -577,7 +614,7 @@ interface ZoomEffectData {
     animationType?: 'linear' | 'spring' | 'ease-in' | 'ease-out' | 'ease-in-out';
 }
 declare const ZoomEffect: React$1.FC<BaseRenderableProps>;
-declare const config$2: ComponentConfig;
+declare const config$3: ComponentConfig;
 
 interface ShakeEffectData extends UniversalEffectData {
     amplitude?: number;
@@ -586,7 +623,7 @@ interface ShakeEffectData extends UniversalEffectData {
     axis?: 'x' | 'y' | 'both';
 }
 declare const ShakeEffect: React$1.FC<BaseRenderableProps>;
-declare const config$1: {
+declare const config$2: {
     displayName: string;
     description: string;
     isInnerSequence: boolean;
@@ -625,7 +662,7 @@ interface StretchEffectData extends UniversalEffectData {
     };
 }
 declare const StretchEffect: React$1.FC<BaseRenderableProps>;
-declare const config: {
+declare const config$1: {
     displayName: string;
     description: string;
     isInnerSequence: boolean;
@@ -643,6 +680,78 @@ declare const config: {
     };
 };
 
+interface WaveformEffectData extends UniversalEffectData {
+    audioSrc: string;
+    numberOfSamples?: number;
+    windowInSeconds?: number;
+    dataOffsetInSeconds?: number;
+    normalize?: boolean;
+    useFrequencyData?: boolean;
+    audioProperty?: 'bass' | 'mid' | 'treble' | 'waveform' | 'frequency';
+    sensitivity?: number;
+    threshold?: number;
+    smoothing?: number;
+    smoothNormalisation?: number;
+    effectType?: 'zoom' | 'shake' | 'exposure' | 'blur' | 'scale' | 'rotate' | 'translateX' | 'translateY';
+    intensity?: number;
+    minValue?: number;
+    maxValue?: number;
+    shakeAxis?: 'x' | 'y' | 'both';
+    baseScale?: number;
+    baseBrightness?: number;
+    rotationRange?: number;
+}
+declare const WaveformEffect: React$1.FC<BaseRenderableProps>;
+declare const config: {
+    displayName: string;
+    description: string;
+    isInnerSequence: boolean;
+    props: {
+        audioSrc: {
+            type: string;
+            required: boolean;
+            description: string;
+        };
+        audioProperty: {
+            type: string;
+            values: string[];
+            default: string;
+            description: string;
+        };
+        effectType: {
+            type: string;
+            values: string[];
+            default: string;
+            description: string;
+        };
+        intensity: {
+            type: string;
+            default: number;
+            description: string;
+        };
+        sensitivity: {
+            type: string;
+            default: number;
+            description: string;
+        };
+        threshold: {
+            type: string;
+            default: number;
+            description: string;
+        };
+        smoothing: {
+            type: string;
+            default: number;
+            description: string;
+        };
+        smoothNormalisation: {
+            type: string;
+            default: number;
+            description: string;
+        };
+    };
+};
+
 declare const GenericEffectPresets: {
     fadeInPreset: AnimationRange[];
     fadeOutPreset: AnimationRange[];
@@ -682,6 +791,129 @@ declare const GenericEffectPresets: {
     textRevealPreset: AnimationRange[];
 };
 
+declare const CanvasWipeRevealProps: z.ZodObject<{
+    imageUrl: z.ZodString;
+    revealDurationInFrames: z.ZodNumber;
+    revealType: z.ZodDefault<z.ZodEnum<{
+        wipe: "wipe";
+        radial: "radial";
+    }>>;
+    angle: z.ZodDefault<z.ZodNumber>;
+    fit: z.ZodDefault<z.ZodEnum<{
+        contain: "contain";
+        cover: "cover";
+    }>>;
+    edgeStyle: z.ZodDefault<z.ZodEnum<{
+        straight: "straight";
+        organic: "organic";
+        burn: "burn";
+    }>>;
+    edgeWaviness: z.ZodDefault<z.ZodNumber>;
+    edgeFrequency: z.ZodDefault<z.ZodNumber>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    burnGlow: z.ZodDefault<z.ZodBoolean>;
+    burnGlowColor: z.ZodDefault<z.ZodString>;
+    burnGlowIntensity: z.ZodDefault<z.ZodNumber>;
+    organicRandomAmplitude: z.ZodDefault<z.ZodBoolean>;
+    organicRandomWavelength: z.ZodDefault<z.ZodBoolean>;
+}, z.core.$strip>;
+type CanvasWipeRevealProps = z.infer<typeof CanvasWipeRevealProps>;
+declare const CanvasWipeReveal: React$1.FC<{
+    data: CanvasWipeRevealProps;
+    id: string;
+}>;
+
+declare const CanvasContentAwareRevealProps: z.ZodObject<{
+    imageUrl: z.ZodString;
+    revealDurationInFrames: z.ZodNumber;
+    fit: z.ZodDefault<z.ZodEnum<{
+        contain: "contain";
+        cover: "cover";
+    }>>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    burnColorOrder: z.ZodDefault<z.ZodEnum<{
+        luminance: "luminance";
+        vibgyor: "vibgyor";
+        random: "random";
+    }>>;
+    revealMode: z.ZodDefault<z.ZodEnum<{
+        color: "color";
+        direction: "direction";
+        combined: "combined";
+    }>>;
+    direction: z.ZodDefault<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+        "diagonal-down": "diagonal-down";
+        "diagonal-up": "diagonal-up";
+        "top-to-bottom": "top-to-bottom";
+    }>>;
+    directionLayers: z.ZodDefault<z.ZodNumber>;
+}, z.core.$strip>;
+type CanvasContentAwareRevealProps = z.infer<typeof CanvasContentAwareRevealProps>;
+declare const CanvasContentAwareReveal: React$1.FC<{
+    data: CanvasContentAwareRevealProps;
+    id: string;
+}>;
+
+declare const CanvasParticleEffectProps: z.ZodObject<{
+    imageUrl: z.ZodString;
+    revealDurationInFrames: z.ZodNumber;
+    fit: z.ZodDefault<z.ZodEnum<{
+        contain: "contain";
+        cover: "cover";
+    }>>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    particleCount: z.ZodDefault<z.ZodNumber>;
+    particleSize: z.ZodDefault<z.ZodNumber>;
+    particleEffect: z.ZodDefault<z.ZodEnum<{
+        assemble: "assemble";
+        disassemble: "disassemble";
+        explode: "explode";
+        pixelate: "pixelate";
+    }>>;
+    assembleFrom: z.ZodDefault<z.ZodEnum<{
+        center: "center";
+        bottom: "bottom";
+        edges: "edges";
+        random: "random";
+    }>>;
+    speed: z.ZodDefault<z.ZodNumber>;
+    rotation: z.ZodDefault<z.ZodBoolean>;
+}, z.core.$strip>;
+type CanvasParticleEffectProps = z.infer<typeof CanvasParticleEffectProps>;
+declare const CanvasParticleEffect: React$1.FC<{
+    data: CanvasParticleEffectProps;
+    id: string;
+}>;
+
+declare const CanvasGlitchEffectProps: z.ZodObject<{
+    imageUrl: z.ZodString;
+    durationInFrames: z.ZodNumber;
+    fit: z.ZodDefault<z.ZodEnum<{
+        contain: "contain";
+        cover: "cover";
+    }>>;
+    backgroundColor: z.ZodDefault<z.ZodString>;
+    glitchType: z.ZodDefault<z.ZodEnum<{
+        slice: "slice";
+        static: "static";
+        "rgb-shift": "rgb-shift";
+        corrupt: "corrupt";
+        scan: "scan";
+    }>>;
+    intensity: z.ZodDefault<z.ZodNumber>;
+    frequency: z.ZodDefault<z.ZodNumber>;
+    continuous: z.ZodDefault<z.ZodBoolean>;
+    glitchStartFrame: z.ZodDefault<z.ZodNumber>;
+    glitchEndFrame: z.ZodDefault<z.ZodNumber>;
+}, z.core.$strip>;
+type CanvasGlitchEffectProps = z.infer<typeof CanvasGlitchEffectProps>;
+declare const CanvasGlitchEffect: React$1.FC<{
+    data: CanvasGlitchEffectProps;
+    id: string;
+}>;
+
 type GenericEffectData = UniversalEffectData;
 
 declare const useComponentRegistry: () => {
@@ -941,6 +1173,7 @@ interface WaveformConfig {
     amplitude?: number;
     smoothing?: boolean;
     posterize?: number;
+    smoothNormalisation?: number;
 }
 interface WaveformContextType {
     waveformData: number[] | null;
@@ -980,6 +1213,7 @@ interface UseWaveformDataConfig {
     includeFrequencyData?: boolean;
     minDb?: number;
     maxDb?: number;
+    smoothNormalisation?: number;
 }
 interface UseWaveformDataReturn {
     waveformData: number[] | null;
@@ -1131,6 +1365,7 @@ declare const WaveformPresets: {
                 amplitude: number;
                 smoothing?: boolean;
                 posterize: number;
+                smoothNormalisation?: number;
             };
             className?: string;
             style?: React.CSSProperties;
@@ -1162,4 +1397,4 @@ declare const WaveformPresets: {
     };
 };
 
-export { type AnimationRange, Atom$1 as AudioAtom, config$7 as AudioAtomConfig, AudioAtomDataProps, type BaseComponentData, type BaseEffect, Layout as BaseLayout, config$c as BaseLayoutConfig, type BaseRenderableData, type BaseRenderableProps, BlurEffect, config$5 as BlurEffectConfig, type Boundaries, type BoundaryConstraints, type CalculatedBoundaries, type CalculatedTiming, type ComponentConfig, type ComponentRegistry, ComponentRenderer, type ComponentType, Composition, type CompositionContext, CompositionLayout, CompositionProvider, type FontConfig, type FontLoaderState, type FontLoadingOptions, Frame, type GenericEffectData, GenericEffectPresets, type Hierarchy, Atom$4 as ImageAtom, config$a as ImageAtomConfig, type InputCompositionProps, type InternalRenderableContext, type LayoutConstraints, LoopEffect, config$4 as LoopEffectConfig, Atom as LottieAtom, config$6 as LottieAtomConfig, LottieAtomDataProps, NextjsLogo, type PackageRegistry, PanEffect, config$3 as PanEffectConfig, type PanEffectData, Player, type RegistryEntry, type RenderableComponentData, type RenderableContext, type RenderableData, Rings, RippleOutLayout, type RippleOutTransitionData, SceneFrame, ShakeEffect, config$1 as ShakeEffectConfig, type ShakeEffectData, Atom$5 as ShapeAtom, config$b as ShapeAtomConfig, StretchEffect, config as StretchEffectConfig, type StretchEffectData, Atom$3 as TextAtom, config$9 as TextAtomConfig, type TextAtomData, TextFade, type Timing, type TimingConstraints, UniversalEffect, type UniversalEffectData, UniversalEffectProvider, type UseFontLoaderOptions, type UseWaveformDataConfig, type UseWaveformDataReturn, Atom$2 as VideoAtom, config$8 as VideoAtomConfig, VideoAtomDataProps, Waveform, WaveformCircle, type WaveformCircleDataProps, type WaveformCircleProps, type WaveformConfig, type WaveformContextType, WaveformHistogram, type WaveformHistogramDataProps, type WaveformHistogramProps, WaveformHistogramRanged, type WaveformHistogramRangedDataProps, type WaveformHistogramRangedProps, WaveformLine, type WaveformLineDataProps, type WaveformLineProps, WaveformPresets, type WaveformProps, ZoomEffect, config$2 as ZoomEffectConfig, type ZoomEffectData, buildLayoutHook, calculateCircularPosition, calculateComponentDuration, calculateCompositionLayoutMetadata, calculateDuration, calculateGridPosition, calculateHierarchy, calculateTimingWithInheritance, clearFontCache, componentRegistry, createImageDataWithProxy, createImageProxyUrl, createRootContext, findComponentById, findMatchingComponents, findMatchingComponentsByQuery, findParentComponent, getComponent, getComponentConfig, getComponentWithConfig, getLoadedFontFamily, getLoadedFonts, getNormalizedFontName, isFontAvailable, isFontLoaded, loadGoogleFont, loadMultipleFonts, mergeContexts, needsProxying, nextjsLogoConfig, preloadCommonFonts, registerComponent, registerEffect, registerPackage, ringsConfig, rippleOutLayoutConfig, setDurationsInContext, textFadeConfig, useAnimatedStyles, useBoundaryCalculation, useComponentRegistry, useComposition, useFont, useFontLoader, useHasUniversalEffectProvider, useRenderContext, useRippleOutLayout, useUniversalEffect, useUniversalEffectOptional, useWaveformContext, useWaveformData };
+export { type AnimationRange, Atom$3 as AudioAtom, config$a as AudioAtomConfig, AudioAtomDataProps, type BaseComponentData, type BaseEffect, Layout as BaseLayout, config$f as BaseLayoutConfig, type BaseRenderableData, type BaseRenderableProps, BlurEffect, config$6 as BlurEffectConfig, type Boundaries, type BoundaryConstraints, type CalculatedBoundaries, type CalculatedTiming, Atom$1 as CanvasAtom, config$8 as CanvasAtomConfig, CanvasAtomDataProps, CanvasContentAwareReveal, CanvasGlitchEffect, CanvasParticleEffect, CanvasWipeReveal, type ComponentConfig, type ComponentRegistry, ComponentRenderer, type ComponentType, Composition, type CompositionContext, CompositionLayout, CompositionProvider, type FontConfig, type FontLoaderState, type FontLoadingOptions, Frame, type GenericEffectData, GenericEffectPresets, Atom as HTMLBlockAtom, config$7 as HTMLBlockAtomConfig, type HTMLBlockAtomData, type Hierarchy, Atom$6 as ImageAtom, config$d as ImageAtomConfig, type InputCompositionProps, type InternalRenderableContext, type LayoutConstraints, LoopEffect, config$5 as LoopEffectConfig, Atom$2 as LottieAtom, config$9 as LottieAtomConfig, LottieAtomDataProps, NextjsLogo, type PackageRegistry, PanEffect, config$4 as PanEffectConfig, type PanEffectData, Player, type RegistryEntry, type RenderableComponentData, type RenderableContext, type RenderableData, Rings, RippleOutLayout, type RippleOutTransitionData, SceneFrame, ShakeEffect, config$2 as ShakeEffectConfig, type ShakeEffectData, Atom$7 as ShapeAtom, config$e as ShapeAtomConfig, StretchEffect, config$1 as StretchEffectConfig, type StretchEffectData, Atom$5 as TextAtom, config$c as TextAtomConfig, type TextAtomData, TextFade, type Timing, type TimingConstraints, UniversalEffect, type UniversalEffectData, UniversalEffectProvider, type UseFontLoaderOptions, type UseWaveformDataConfig, type UseWaveformDataReturn, Atom$4 as VideoAtom, config$b as VideoAtomConfig, VideoAtomDataProps, Waveform, WaveformCircle, type WaveformCircleDataProps, type WaveformCircleProps, type WaveformConfig, type WaveformContextType, WaveformEffect, config as WaveformEffectConfig, type WaveformEffectData, WaveformHistogram, type WaveformHistogramDataProps, type WaveformHistogramProps, WaveformHistogramRanged, type WaveformHistogramRangedDataProps, type WaveformHistogramRangedProps, WaveformLine, type WaveformLineDataProps, type WaveformLineProps, WaveformPresets, type WaveformProps, ZoomEffect, config$3 as ZoomEffectConfig, type ZoomEffectData, buildLayoutHook, calculateCircularPosition, calculateComponentDuration, calculateCompositionLayoutMetadata, calculateDuration, calculateGridPosition, calculateHierarchy, calculateTimingWithInheritance, clearFontCache, componentRegistry, createImageDataWithProxy, createImageProxyUrl, createRootContext, findComponentById, findMatchingComponents, findMatchingComponentsByQuery, findParentComponent, getComponent, getComponentConfig, getComponentWithConfig, getLoadedFontFamily, getLoadedFonts, getNormalizedFontName, isFontAvailable, isFontLoaded, loadGoogleFont, loadMultipleFonts, mergeContexts, needsProxying, nextjsLogoConfig, preloadCommonFonts, registerComponent, registerEffect, registerPackage, ringsConfig, rippleOutLayoutConfig, setDurationsInContext, textFadeConfig, useAnimatedStyles, useBoundaryCalculation, useComponentRegistry, useComposition, useFont, useFontLoader, useHasUniversalEffectProvider, useRenderContext, useRippleOutLayout, useUniversalEffect, useUniversalEffectOptional, useWaveformContext, useWaveformData };