ugcinc-render 1.8.95 → 1.8.96
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 +36 -1
- package/dist/index.d.ts +36 -1
- package/dist/index.js +470 -54
- package/dist/index.mjs +458 -42
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -663,6 +663,16 @@ declare function ScreenshotAnimation({ imageUrl, width, height, pauseDurationMs,
|
|
|
663
663
|
*/
|
|
664
664
|
/** Instagram theme - light or dark mode */
|
|
665
665
|
type IgTheme = 'light' | 'dark';
|
|
666
|
+
/** Message sender type */
|
|
667
|
+
type IgMessageSender = 'user' | 'recipient';
|
|
668
|
+
/** Single message in a conversation */
|
|
669
|
+
interface IgMessage {
|
|
670
|
+
id: string;
|
|
671
|
+
sender: IgMessageSender;
|
|
672
|
+
text: string;
|
|
673
|
+
/** If true, this message groups with the previous message (6px gap). If false, uses normal spacing. */
|
|
674
|
+
groupWithPrevious?: boolean;
|
|
675
|
+
}
|
|
666
676
|
/** Instagram DM Composition props */
|
|
667
677
|
interface InstagramDmCompositionProps {
|
|
668
678
|
/** Show debug overlay with mouse coordinates */
|
|
@@ -726,13 +736,38 @@ interface InstagramDmCompositionProps {
|
|
|
726
736
|
homeIndicatorLeft?: number;
|
|
727
737
|
homeIndicatorRight?: number;
|
|
728
738
|
homeIndicatorColor?: string;
|
|
739
|
+
messages?: IgMessage[];
|
|
740
|
+
messageAreaTop?: number;
|
|
741
|
+
messageAreaBottom?: number;
|
|
742
|
+
recipientBubbleColor?: string;
|
|
743
|
+
senderGradientTop?: string;
|
|
744
|
+
senderGradientMiddle?: string;
|
|
745
|
+
senderGradientBottom?: string;
|
|
746
|
+
bubbleTextColor?: string;
|
|
747
|
+
messageFontSize?: number;
|
|
748
|
+
messageLineHeight?: number;
|
|
749
|
+
messagePaddingLeft?: number;
|
|
750
|
+
messagePaddingRight?: number;
|
|
751
|
+
messagePaddingTop?: number;
|
|
752
|
+
messagePaddingBottom?: number;
|
|
753
|
+
bubbleRadiusNormal?: number;
|
|
754
|
+
bubbleRadiusGrouped?: number;
|
|
755
|
+
messageGapInGroup?: number;
|
|
756
|
+
messageGapSameUser?: number;
|
|
757
|
+
messageGapDifferentUser?: number;
|
|
758
|
+
recipientBubbleLeft?: number;
|
|
759
|
+
senderBubbleRight?: number;
|
|
760
|
+
bubbleMaxWidth?: number;
|
|
761
|
+
profilePicUrl?: string;
|
|
762
|
+
profilePicSize?: number;
|
|
763
|
+
profilePicGap?: number;
|
|
729
764
|
}
|
|
730
765
|
|
|
731
766
|
/**
|
|
732
767
|
* Default composition props for registration
|
|
733
768
|
*/
|
|
734
769
|
declare const defaultInstagramDmProps: InstagramDmCompositionProps;
|
|
735
|
-
declare function InstagramDmComposition({ showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, width, height, theme, footerTop, footerBottom, footerLeft, footerRight, footerBgColor, cameraBtnTop, cameraBtnBottom, cameraBtnLeft, cameraBtnRight, cameraBtnBgColor, cameraIconTop, cameraIconBottom, cameraIconLeft, cameraIconRight, circlePlusIconTop, circlePlusIconBottom, circlePlusIconLeft, circlePlusIconRight, smileStickerIconTop, smileStickerIconBottom, smileStickerIconLeft, smileStickerIconRight, cameraRollIconTop, cameraRollIconBottom, cameraRollIconLeft, cameraRollIconRight, microphoneIconTop, microphoneIconBottom, microphoneIconLeft, microphoneIconRight, messageTextTop, messageTextBottom, messageTextLeft, messageTextRight, messageTextFontSize, messageTextLetterSpacing, messageTextColor, messageText, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, }: InstagramDmCompositionProps): react_jsx_runtime.JSX.Element;
|
|
770
|
+
declare function InstagramDmComposition({ showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, width, height, theme, footerTop, footerBottom, footerLeft, footerRight, footerBgColor, cameraBtnTop, cameraBtnBottom, cameraBtnLeft, cameraBtnRight, cameraBtnBgColor, cameraIconTop, cameraIconBottom, cameraIconLeft, cameraIconRight, circlePlusIconTop, circlePlusIconBottom, circlePlusIconLeft, circlePlusIconRight, smileStickerIconTop, smileStickerIconBottom, smileStickerIconLeft, smileStickerIconRight, cameraRollIconTop, cameraRollIconBottom, cameraRollIconLeft, cameraRollIconRight, microphoneIconTop, microphoneIconBottom, microphoneIconLeft, microphoneIconRight, messageTextTop, messageTextBottom, messageTextLeft, messageTextRight, messageTextFontSize, messageTextLetterSpacing, messageTextColor, messageText, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, messages, messageAreaTop, messageAreaBottom, recipientBubbleColor, senderGradientTop, senderGradientMiddle, senderGradientBottom, bubbleTextColor, messageFontSize, messageLineHeight, messagePaddingLeft, messagePaddingRight, messagePaddingTop, messagePaddingBottom, bubbleRadiusNormal, bubbleRadiusGrouped, messageGapInGroup, messageGapSameUser, messageGapDifferentUser, recipientBubbleLeft, senderBubbleRight, bubbleMaxWidth, profilePicUrl, profilePicSize, profilePicGap, }: InstagramDmCompositionProps): react_jsx_runtime.JSX.Element;
|
|
736
771
|
|
|
737
772
|
/**
|
|
738
773
|
* Platform-agnostic messaging types
|
package/dist/index.d.ts
CHANGED
|
@@ -663,6 +663,16 @@ declare function ScreenshotAnimation({ imageUrl, width, height, pauseDurationMs,
|
|
|
663
663
|
*/
|
|
664
664
|
/** Instagram theme - light or dark mode */
|
|
665
665
|
type IgTheme = 'light' | 'dark';
|
|
666
|
+
/** Message sender type */
|
|
667
|
+
type IgMessageSender = 'user' | 'recipient';
|
|
668
|
+
/** Single message in a conversation */
|
|
669
|
+
interface IgMessage {
|
|
670
|
+
id: string;
|
|
671
|
+
sender: IgMessageSender;
|
|
672
|
+
text: string;
|
|
673
|
+
/** If true, this message groups with the previous message (6px gap). If false, uses normal spacing. */
|
|
674
|
+
groupWithPrevious?: boolean;
|
|
675
|
+
}
|
|
666
676
|
/** Instagram DM Composition props */
|
|
667
677
|
interface InstagramDmCompositionProps {
|
|
668
678
|
/** Show debug overlay with mouse coordinates */
|
|
@@ -726,13 +736,38 @@ interface InstagramDmCompositionProps {
|
|
|
726
736
|
homeIndicatorLeft?: number;
|
|
727
737
|
homeIndicatorRight?: number;
|
|
728
738
|
homeIndicatorColor?: string;
|
|
739
|
+
messages?: IgMessage[];
|
|
740
|
+
messageAreaTop?: number;
|
|
741
|
+
messageAreaBottom?: number;
|
|
742
|
+
recipientBubbleColor?: string;
|
|
743
|
+
senderGradientTop?: string;
|
|
744
|
+
senderGradientMiddle?: string;
|
|
745
|
+
senderGradientBottom?: string;
|
|
746
|
+
bubbleTextColor?: string;
|
|
747
|
+
messageFontSize?: number;
|
|
748
|
+
messageLineHeight?: number;
|
|
749
|
+
messagePaddingLeft?: number;
|
|
750
|
+
messagePaddingRight?: number;
|
|
751
|
+
messagePaddingTop?: number;
|
|
752
|
+
messagePaddingBottom?: number;
|
|
753
|
+
bubbleRadiusNormal?: number;
|
|
754
|
+
bubbleRadiusGrouped?: number;
|
|
755
|
+
messageGapInGroup?: number;
|
|
756
|
+
messageGapSameUser?: number;
|
|
757
|
+
messageGapDifferentUser?: number;
|
|
758
|
+
recipientBubbleLeft?: number;
|
|
759
|
+
senderBubbleRight?: number;
|
|
760
|
+
bubbleMaxWidth?: number;
|
|
761
|
+
profilePicUrl?: string;
|
|
762
|
+
profilePicSize?: number;
|
|
763
|
+
profilePicGap?: number;
|
|
729
764
|
}
|
|
730
765
|
|
|
731
766
|
/**
|
|
732
767
|
* Default composition props for registration
|
|
733
768
|
*/
|
|
734
769
|
declare const defaultInstagramDmProps: InstagramDmCompositionProps;
|
|
735
|
-
declare function InstagramDmComposition({ showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, width, height, theme, footerTop, footerBottom, footerLeft, footerRight, footerBgColor, cameraBtnTop, cameraBtnBottom, cameraBtnLeft, cameraBtnRight, cameraBtnBgColor, cameraIconTop, cameraIconBottom, cameraIconLeft, cameraIconRight, circlePlusIconTop, circlePlusIconBottom, circlePlusIconLeft, circlePlusIconRight, smileStickerIconTop, smileStickerIconBottom, smileStickerIconLeft, smileStickerIconRight, cameraRollIconTop, cameraRollIconBottom, cameraRollIconLeft, cameraRollIconRight, microphoneIconTop, microphoneIconBottom, microphoneIconLeft, microphoneIconRight, messageTextTop, messageTextBottom, messageTextLeft, messageTextRight, messageTextFontSize, messageTextLetterSpacing, messageTextColor, messageText, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, }: InstagramDmCompositionProps): react_jsx_runtime.JSX.Element;
|
|
770
|
+
declare function InstagramDmComposition({ showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, width, height, theme, footerTop, footerBottom, footerLeft, footerRight, footerBgColor, cameraBtnTop, cameraBtnBottom, cameraBtnLeft, cameraBtnRight, cameraBtnBgColor, cameraIconTop, cameraIconBottom, cameraIconLeft, cameraIconRight, circlePlusIconTop, circlePlusIconBottom, circlePlusIconLeft, circlePlusIconRight, smileStickerIconTop, smileStickerIconBottom, smileStickerIconLeft, smileStickerIconRight, cameraRollIconTop, cameraRollIconBottom, cameraRollIconLeft, cameraRollIconRight, microphoneIconTop, microphoneIconBottom, microphoneIconLeft, microphoneIconRight, messageTextTop, messageTextBottom, messageTextLeft, messageTextRight, messageTextFontSize, messageTextLetterSpacing, messageTextColor, messageText, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, messages, messageAreaTop, messageAreaBottom, recipientBubbleColor, senderGradientTop, senderGradientMiddle, senderGradientBottom, bubbleTextColor, messageFontSize, messageLineHeight, messagePaddingLeft, messagePaddingRight, messagePaddingTop, messagePaddingBottom, bubbleRadiusNormal, bubbleRadiusGrouped, messageGapInGroup, messageGapSameUser, messageGapDifferentUser, recipientBubbleLeft, senderBubbleRight, bubbleMaxWidth, profilePicUrl, profilePicSize, profilePicGap, }: InstagramDmCompositionProps): react_jsx_runtime.JSX.Element;
|
|
736
771
|
|
|
737
772
|
/**
|
|
738
773
|
* Platform-agnostic messaging types
|