ugcinc-render 1.8.14 → 1.8.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +4 -54
- package/dist/index.d.ts +4 -54
- package/dist/index.js +132 -515
- package/dist/index.mjs +126 -508
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -621,57 +621,7 @@ declare function AutoCaptionComposition({ videoUrl, captions, style, }: AutoCapt
|
|
|
621
621
|
declare function AutoCaptionCompositionWithVideo({ videoUrl, captions, style, }: AutoCaptionCompositionProps): react_jsx_runtime.JSX.Element;
|
|
622
622
|
|
|
623
623
|
/**
|
|
624
|
-
*
|
|
625
|
-
*
|
|
626
|
-
* Simulates an iPhone screenshot animation:
|
|
627
|
-
* 1. Flash - Screen flashes white
|
|
628
|
-
* 2. Shrink - Content scales down to a thumbnail
|
|
629
|
-
* 3. Slide - Thumbnail moves to bottom-left corner
|
|
630
|
-
* 4. Pause - Thumbnail sits briefly
|
|
631
|
-
* 5. Dismiss - Thumbnail slides off-screen to the left
|
|
632
|
-
*/
|
|
633
|
-
interface ScreenshotAnimationCompositionProps {
|
|
634
|
-
/** The image URL to show being "screenshotted" */
|
|
635
|
-
imageUrl: string;
|
|
636
|
-
/** Canvas width */
|
|
637
|
-
width?: number;
|
|
638
|
-
/** Canvas height */
|
|
639
|
-
height?: number;
|
|
640
|
-
/** Duration of the white flash (ms) */
|
|
641
|
-
flashDurationMs?: number;
|
|
642
|
-
/** Duration of the shrink animation (ms) */
|
|
643
|
-
shrinkDurationMs?: number;
|
|
644
|
-
/** Duration the thumbnail pauses before dismissing (ms) */
|
|
645
|
-
pauseDurationMs?: number;
|
|
646
|
-
/** Duration of the dismiss slide animation (ms) */
|
|
647
|
-
dismissDurationMs?: number;
|
|
648
|
-
/** Border radius of the image at full size (px) */
|
|
649
|
-
imageCornerRadius?: number;
|
|
650
|
-
/** Border radius of the thumbnail (px) */
|
|
651
|
-
thumbnailCornerRadius?: number;
|
|
652
|
-
/** Border width around the screenshot (px) */
|
|
653
|
-
borderWidth?: number;
|
|
654
|
-
/** Border color (hex or rgba) */
|
|
655
|
-
borderColor?: string;
|
|
656
|
-
/** Scale of the thumbnail (0-1, e.g., 0.15 = 15% of original) */
|
|
657
|
-
thumbnailScale?: number;
|
|
658
|
-
/** Padding from screen edge (px) */
|
|
659
|
-
thumbnailPadding?: number;
|
|
660
|
-
/** Extra offset from bottom for home indicator (px) */
|
|
661
|
-
bottomOffset?: number;
|
|
662
|
-
/** Spring damping (higher = less bounce) */
|
|
663
|
-
springDamping?: number;
|
|
664
|
-
/** Spring stiffness (higher = faster) */
|
|
665
|
-
springStiffness?: number;
|
|
666
|
-
/** Spring mass (higher = more momentum) */
|
|
667
|
-
springMass?: number;
|
|
668
|
-
/** Background color behind the animation */
|
|
669
|
-
backgroundColor?: string;
|
|
670
|
-
}
|
|
671
|
-
declare function ScreenshotAnimationComposition({ imageUrl, width, height, flashDurationMs, shrinkDurationMs, pauseDurationMs, dismissDurationMs, imageCornerRadius, thumbnailCornerRadius, borderWidth, borderColor, thumbnailScale, thumbnailPadding, bottomOffset, springDamping, springStiffness, springMass, backgroundColor, }: ScreenshotAnimationCompositionProps): react_jsx_runtime.JSX.Element;
|
|
672
|
-
|
|
673
|
-
/**
|
|
674
|
-
* ScreenshotAnimationV2
|
|
624
|
+
* ScreenshotAnimation
|
|
675
625
|
*
|
|
676
626
|
* Accurate iPhone screenshot animation based on real device measurements.
|
|
677
627
|
*
|
|
@@ -680,7 +630,7 @@ declare function ScreenshotAnimationComposition({ imageUrl, width, height, flash
|
|
|
680
630
|
* - 1000-1255ms: Phase 1 (flash & reveal, content shifts down 50%)
|
|
681
631
|
* - 1255ms+: Phase 2 (container shrinks, content morphs to thumbnail)
|
|
682
632
|
*/
|
|
683
|
-
interface
|
|
633
|
+
interface ScreenshotAnimationProps {
|
|
684
634
|
/** The image URL being "screenshotted" */
|
|
685
635
|
imageUrl: string;
|
|
686
636
|
/** Canvas width in pixels */
|
|
@@ -698,7 +648,7 @@ interface ScreenshotAnimationV2Props {
|
|
|
698
648
|
/** Background color (behind everything) */
|
|
699
649
|
backgroundColor?: string;
|
|
700
650
|
}
|
|
701
|
-
declare function
|
|
651
|
+
declare function ScreenshotAnimation({ imageUrl, width, height, pauseDurationMs, flashDurationMs, borderRadius, borderColor, backgroundColor, }: ScreenshotAnimationProps): react_jsx_runtime.JSX.Element;
|
|
702
652
|
|
|
703
653
|
interface TextElementProps {
|
|
704
654
|
segment: TextSegment;
|
|
@@ -832,4 +782,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
|
|
|
832
782
|
|
|
833
783
|
declare const RenderRoot: React.FC;
|
|
834
784
|
|
|
835
|
-
export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot,
|
|
785
|
+
export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, type ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };
|
package/dist/index.d.ts
CHANGED
|
@@ -621,57 +621,7 @@ declare function AutoCaptionComposition({ videoUrl, captions, style, }: AutoCapt
|
|
|
621
621
|
declare function AutoCaptionCompositionWithVideo({ videoUrl, captions, style, }: AutoCaptionCompositionProps): react_jsx_runtime.JSX.Element;
|
|
622
622
|
|
|
623
623
|
/**
|
|
624
|
-
*
|
|
625
|
-
*
|
|
626
|
-
* Simulates an iPhone screenshot animation:
|
|
627
|
-
* 1. Flash - Screen flashes white
|
|
628
|
-
* 2. Shrink - Content scales down to a thumbnail
|
|
629
|
-
* 3. Slide - Thumbnail moves to bottom-left corner
|
|
630
|
-
* 4. Pause - Thumbnail sits briefly
|
|
631
|
-
* 5. Dismiss - Thumbnail slides off-screen to the left
|
|
632
|
-
*/
|
|
633
|
-
interface ScreenshotAnimationCompositionProps {
|
|
634
|
-
/** The image URL to show being "screenshotted" */
|
|
635
|
-
imageUrl: string;
|
|
636
|
-
/** Canvas width */
|
|
637
|
-
width?: number;
|
|
638
|
-
/** Canvas height */
|
|
639
|
-
height?: number;
|
|
640
|
-
/** Duration of the white flash (ms) */
|
|
641
|
-
flashDurationMs?: number;
|
|
642
|
-
/** Duration of the shrink animation (ms) */
|
|
643
|
-
shrinkDurationMs?: number;
|
|
644
|
-
/** Duration the thumbnail pauses before dismissing (ms) */
|
|
645
|
-
pauseDurationMs?: number;
|
|
646
|
-
/** Duration of the dismiss slide animation (ms) */
|
|
647
|
-
dismissDurationMs?: number;
|
|
648
|
-
/** Border radius of the image at full size (px) */
|
|
649
|
-
imageCornerRadius?: number;
|
|
650
|
-
/** Border radius of the thumbnail (px) */
|
|
651
|
-
thumbnailCornerRadius?: number;
|
|
652
|
-
/** Border width around the screenshot (px) */
|
|
653
|
-
borderWidth?: number;
|
|
654
|
-
/** Border color (hex or rgba) */
|
|
655
|
-
borderColor?: string;
|
|
656
|
-
/** Scale of the thumbnail (0-1, e.g., 0.15 = 15% of original) */
|
|
657
|
-
thumbnailScale?: number;
|
|
658
|
-
/** Padding from screen edge (px) */
|
|
659
|
-
thumbnailPadding?: number;
|
|
660
|
-
/** Extra offset from bottom for home indicator (px) */
|
|
661
|
-
bottomOffset?: number;
|
|
662
|
-
/** Spring damping (higher = less bounce) */
|
|
663
|
-
springDamping?: number;
|
|
664
|
-
/** Spring stiffness (higher = faster) */
|
|
665
|
-
springStiffness?: number;
|
|
666
|
-
/** Spring mass (higher = more momentum) */
|
|
667
|
-
springMass?: number;
|
|
668
|
-
/** Background color behind the animation */
|
|
669
|
-
backgroundColor?: string;
|
|
670
|
-
}
|
|
671
|
-
declare function ScreenshotAnimationComposition({ imageUrl, width, height, flashDurationMs, shrinkDurationMs, pauseDurationMs, dismissDurationMs, imageCornerRadius, thumbnailCornerRadius, borderWidth, borderColor, thumbnailScale, thumbnailPadding, bottomOffset, springDamping, springStiffness, springMass, backgroundColor, }: ScreenshotAnimationCompositionProps): react_jsx_runtime.JSX.Element;
|
|
672
|
-
|
|
673
|
-
/**
|
|
674
|
-
* ScreenshotAnimationV2
|
|
624
|
+
* ScreenshotAnimation
|
|
675
625
|
*
|
|
676
626
|
* Accurate iPhone screenshot animation based on real device measurements.
|
|
677
627
|
*
|
|
@@ -680,7 +630,7 @@ declare function ScreenshotAnimationComposition({ imageUrl, width, height, flash
|
|
|
680
630
|
* - 1000-1255ms: Phase 1 (flash & reveal, content shifts down 50%)
|
|
681
631
|
* - 1255ms+: Phase 2 (container shrinks, content morphs to thumbnail)
|
|
682
632
|
*/
|
|
683
|
-
interface
|
|
633
|
+
interface ScreenshotAnimationProps {
|
|
684
634
|
/** The image URL being "screenshotted" */
|
|
685
635
|
imageUrl: string;
|
|
686
636
|
/** Canvas width in pixels */
|
|
@@ -698,7 +648,7 @@ interface ScreenshotAnimationV2Props {
|
|
|
698
648
|
/** Background color (behind everything) */
|
|
699
649
|
backgroundColor?: string;
|
|
700
650
|
}
|
|
701
|
-
declare function
|
|
651
|
+
declare function ScreenshotAnimation({ imageUrl, width, height, pauseDurationMs, flashDurationMs, borderRadius, borderColor, backgroundColor, }: ScreenshotAnimationProps): react_jsx_runtime.JSX.Element;
|
|
702
652
|
|
|
703
653
|
interface TextElementProps {
|
|
704
654
|
segment: TextSegment;
|
|
@@ -832,4 +782,4 @@ declare function useResolvedPositions(elements: ImageEditorElement[], textValues
|
|
|
832
782
|
|
|
833
783
|
declare const RenderRoot: React.FC;
|
|
834
784
|
|
|
835
|
-
export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot,
|
|
785
|
+
export { type Acceleration, type AudioConfig, type AudioSegment, AutoCaptionComposition, AutoCaptionCompositionProps, AutoCaptionCompositionWithVideo, type BaseEditorConfig, type BaseSegment, type BlendMode, BorderRadiusConfig, CaptionOverlay, CaptionOverlayProps, type Channel, type ColorFilterConfig, type ColorShiftConfig, type CropConfig, type CuttingConfig, DEDUPLICATION_LEVELS, type DeduplicationConfig, type DeduplicationInput, type DeduplicationLevel, type DiagonalFilterConfig, type DiagonalFilterType, DynamicCropConfig, type EditorConfig, type EditorSegment, type EnhanceLevel, type EnhancementConfig, FitMode, type FrameManipulationConfig, type GifOverlayConfig, type GifSource, type GradientOverlayConfig, ImageEditorComposition, type ImageEditorCompositionProps, type ImageEditorConfig, ImageEditorElement, ImageElement, type ImageElementProps, type ImageSegment, LEVEL_1_CONFIG, LEVEL_2_CONFIG, LEVEL_3_CONFIG, LEVEL_4_CONFIG, LEVEL_5_CONFIG, type LensCorrectionConfig, type MobileEncodingConfig, type ParticleOverlayConfig, type PhoneConfig, type PhoneModel, type PhoneType, type PictureSegment, PositionResolutionResult, RelativePositionConfigX, RelativePositionConfigY, RenderRoot, ScreenshotAnimation, type ScreenshotAnimationProps, type Segment, SegmentType, type SpeedConfig, type StaticSegment, TextElement, type TextElementProps, type TextSegment, TextStyleProperties, TimeValue, type TraceRemovalConfig, type VideoCodec, VideoEditorComposition, type VideoEditorCompositionProps, type VideoEditorConfig, VideoElement, type VideoElementProps, type VideoExtension, type VideoSegment, type VisualAdjustmentsConfig, type VisualSegment, type VisualSegmentUnion, isDeduplicationLevel, resolveDeduplicationConfig, useFontsLoaded, useImageLoader, useImagePreloader, useResolvedPositions };
|