ugcinc-render 1.8.145 → 1.8.146

package/dist/index.d.mts

@@ -998,22 +998,36 @@ interface IMessageDmCompositionProps {
     headerTop?: number;
     headerBottom?: number;
     headerBackgroundColor?: string;
-    timeTop?: number;
-    timeBottom?: number;
-    timeLeft?: number;
+    dividerLineY?: number;
+    dividerLineColor?: string;
+    backgroundColor?: string;
+    time?: string;
     timeRight?: number;
+    timeBottom?: number;
     timeFontSize?: number;
     timeLetterSpacing?: number;
     timeColor?: string;
-    timeText?: string;
-    noNotiTop?: number;
-    noNotiBottom?: number;
-    noNotiLeft?: number;
-    noNotiRight?: number;
-    cellularTop?: number;
-    cellularBottom?: number;
-    cellularLeft?: number;
-    cellularRight?: number;
+    noNotisTop?: number;
+    noNotisBottom?: number;
+    noNotisLeft?: number;
+    noNotisRight?: number;
+    cellLevel?: number;
+    cell1Top?: number;
+    cell1Bottom?: number;
+    cell1Left?: number;
+    cell1Right?: number;
+    cell2Top?: number;
+    cell2Bottom?: number;
+    cell2Left?: number;
+    cell2Right?: number;
+    cell3Top?: number;
+    cell3Bottom?: number;
+    cell3Left?: number;
+    cell3Right?: number;
+    cell4Top?: number;
+    cell4Bottom?: number;
+    cell4Left?: number;
+    cell4Right?: number;
     wifiTop?: number;
     wifiBottom?: number;
     wifiLeft?: number;
@@ -1022,9 +1036,11 @@ interface IMessageDmCompositionProps {
     batteryBottom?: number;
     batteryLeft?: number;
     batteryRight?: number;
-    dividerLineY?: number;
-    dividerLineColor?: string;
-    backgroundColor?: string;
+    homeIndicatorTop?: number;
+    homeIndicatorBottom?: number;
+    homeIndicatorLeft?: number;
+    homeIndicatorRight?: number;
+    homeIndicatorColor?: string;
     plusButtonTop?: number;
     plusButtonBottom?: number;
     plusButtonLeft?: number;
@@ -1045,11 +1061,6 @@ interface IMessageDmCompositionProps {
     messageTextLetterSpacing?: number;
     messageTextColor?: string;
     messageText?: string;
-    homeIndicatorTop?: number;
-    homeIndicatorBottom?: number;
-    homeIndicatorLeft?: number;
-    homeIndicatorRight?: number;
-    homeIndicatorColor?: string;
     senderBubbleColor?: string;
     recipientBubbleColor?: string;
     bubbleTextColor?: string;
@@ -1074,7 +1085,8 @@ interface IMessageDmCompositionProps {
  * iMessage DM Composition
  *
  * A fully parameterized iMessage DM conversation renderer.
- * Uses BaseDmComposition for shared zoom/pan/crosshair functionality.
+ * Uses BaseDmComposition for shared iOS chrome (status bar, home indicator)
+ * and zoom/pan/crosshair functionality.
  */
 
 /**
@@ -1105,8 +1117,88 @@ interface BaseDmCompositionProps {
     currentProps?: Record<string, unknown>;
     /** Children to render inside the zoomable/pannable content area */
     children: React.ReactNode;
+    /** Time text to display */
+    time?: string;
+    /** Time text right X (right-aligned) */
+    timeRight?: number;
+    /** Time text bottom Y */
+    timeBottom?: number;
+    /** Time font size */
+    timeFontSize?: number;
+    /** Time letter spacing */
+    timeLetterSpacing?: number;
+    /** Time text color */
+    timeColor?: string;
+    /** No notifications icon top Y */
+    noNotisTop?: number;
+    /** No notifications icon bottom Y */
+    noNotisBottom?: number;
+    /** No notifications icon left X */
+    noNotisLeft?: number;
+    /** No notifications icon right X */
+    noNotisRight?: number;
+    /** Cell signal level (0-4) */
+    cellLevel?: number;
+    /** Cell bar 1 top Y */
+    cell1Top?: number;
+    /** Cell bar 1 bottom Y */
+    cell1Bottom?: number;
+    /** Cell bar 1 left X */
+    cell1Left?: number;
+    /** Cell bar 1 right X */
+    cell1Right?: number;
+    /** Cell bar 2 top Y */
+    cell2Top?: number;
+    /** Cell bar 2 bottom Y */
+    cell2Bottom?: number;
+    /** Cell bar 2 left X */
+    cell2Left?: number;
+    /** Cell bar 2 right X */
+    cell2Right?: number;
+    /** Cell bar 3 top Y */
+    cell3Top?: number;
+    /** Cell bar 3 bottom Y */
+    cell3Bottom?: number;
+    /** Cell bar 3 left X */
+    cell3Left?: number;
+    /** Cell bar 3 right X */
+    cell3Right?: number;
+    /** Cell bar 4 top Y */
+    cell4Top?: number;
+    /** Cell bar 4 bottom Y */
+    cell4Bottom?: number;
+    /** Cell bar 4 left X */
+    cell4Left?: number;
+    /** Cell bar 4 right X */
+    cell4Right?: number;
+    /** WiFi icon top Y */
+    wifiTop?: number;
+    /** WiFi icon bottom Y */
+    wifiBottom?: number;
+    /** WiFi icon left X */
+    wifiLeft?: number;
+    /** WiFi icon right X */
+    wifiRight?: number;
+    /** Battery icon top Y */
+    batteryTop?: number;
+    /** Battery icon bottom Y */
+    batteryBottom?: number;
+    /** Battery icon left X */
+    batteryLeft?: number;
+    /** Battery icon right X */
+    batteryRight?: number;
+    /** Home indicator top Y */
+    homeIndicatorTop?: number;
+    /** Home indicator bottom Y */
+    homeIndicatorBottom?: number;
+    /** Home indicator left X */
+    homeIndicatorLeft?: number;
+    /** Home indicator right X */
+    homeIndicatorRight?: number;
+    /** Home indicator color */
+    homeIndicatorColor?: string;
 }
-declare function BaseDmComposition({ width, height, backgroundColor, showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, currentProps, children, }: BaseDmCompositionProps): react_jsx_runtime.JSX.Element | null;
+declare function BaseDmComposition({ width, height, backgroundColor, showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, currentProps, children, time, timeRight, timeBottom, timeFontSize, timeLetterSpacing, timeColor, noNotisTop, noNotisBottom, noNotisLeft, noNotisRight, cellLevel, cell1Top, cell1Bottom, cell1Left, cell1Right, cell2Top, cell2Bottom, cell2Left, cell2Right, cell3Top, cell3Bottom, cell3Left, cell3Right, cell4Top, cell4Bottom, cell4Left, cell4Right, wifiTop, wifiBottom, wifiLeft, wifiRight, batteryTop, batteryBottom, batteryLeft, batteryRight, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, }: BaseDmCompositionProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Debug Overlay Component

package/dist/index.d.ts

@@ -998,22 +998,36 @@ interface IMessageDmCompositionProps {
     headerTop?: number;
     headerBottom?: number;
     headerBackgroundColor?: string;
-    timeTop?: number;
-    timeBottom?: number;
-    timeLeft?: number;
+    dividerLineY?: number;
+    dividerLineColor?: string;
+    backgroundColor?: string;
+    time?: string;
     timeRight?: number;
+    timeBottom?: number;
     timeFontSize?: number;
     timeLetterSpacing?: number;
     timeColor?: string;
-    timeText?: string;
-    noNotiTop?: number;
-    noNotiBottom?: number;
-    noNotiLeft?: number;
-    noNotiRight?: number;
-    cellularTop?: number;
-    cellularBottom?: number;
-    cellularLeft?: number;
-    cellularRight?: number;
+    noNotisTop?: number;
+    noNotisBottom?: number;
+    noNotisLeft?: number;
+    noNotisRight?: number;
+    cellLevel?: number;
+    cell1Top?: number;
+    cell1Bottom?: number;
+    cell1Left?: number;
+    cell1Right?: number;
+    cell2Top?: number;
+    cell2Bottom?: number;
+    cell2Left?: number;
+    cell2Right?: number;
+    cell3Top?: number;
+    cell3Bottom?: number;
+    cell3Left?: number;
+    cell3Right?: number;
+    cell4Top?: number;
+    cell4Bottom?: number;
+    cell4Left?: number;
+    cell4Right?: number;
     wifiTop?: number;
     wifiBottom?: number;
     wifiLeft?: number;
@@ -1022,9 +1036,11 @@ interface IMessageDmCompositionProps {
     batteryBottom?: number;
     batteryLeft?: number;
     batteryRight?: number;
-    dividerLineY?: number;
-    dividerLineColor?: string;
-    backgroundColor?: string;
+    homeIndicatorTop?: number;
+    homeIndicatorBottom?: number;
+    homeIndicatorLeft?: number;
+    homeIndicatorRight?: number;
+    homeIndicatorColor?: string;
     plusButtonTop?: number;
     plusButtonBottom?: number;
     plusButtonLeft?: number;
@@ -1045,11 +1061,6 @@ interface IMessageDmCompositionProps {
     messageTextLetterSpacing?: number;
     messageTextColor?: string;
     messageText?: string;
-    homeIndicatorTop?: number;
-    homeIndicatorBottom?: number;
-    homeIndicatorLeft?: number;
-    homeIndicatorRight?: number;
-    homeIndicatorColor?: string;
     senderBubbleColor?: string;
     recipientBubbleColor?: string;
     bubbleTextColor?: string;
@@ -1074,7 +1085,8 @@ interface IMessageDmCompositionProps {
  * iMessage DM Composition
  *
  * A fully parameterized iMessage DM conversation renderer.
- * Uses BaseDmComposition for shared zoom/pan/crosshair functionality.
+ * Uses BaseDmComposition for shared iOS chrome (status bar, home indicator)
+ * and zoom/pan/crosshair functionality.
  */
 
 /**
@@ -1105,8 +1117,88 @@ interface BaseDmCompositionProps {
     currentProps?: Record<string, unknown>;
     /** Children to render inside the zoomable/pannable content area */
     children: React.ReactNode;
+    /** Time text to display */
+    time?: string;
+    /** Time text right X (right-aligned) */
+    timeRight?: number;
+    /** Time text bottom Y */
+    timeBottom?: number;
+    /** Time font size */
+    timeFontSize?: number;
+    /** Time letter spacing */
+    timeLetterSpacing?: number;
+    /** Time text color */
+    timeColor?: string;
+    /** No notifications icon top Y */
+    noNotisTop?: number;
+    /** No notifications icon bottom Y */
+    noNotisBottom?: number;
+    /** No notifications icon left X */
+    noNotisLeft?: number;
+    /** No notifications icon right X */
+    noNotisRight?: number;
+    /** Cell signal level (0-4) */
+    cellLevel?: number;
+    /** Cell bar 1 top Y */
+    cell1Top?: number;
+    /** Cell bar 1 bottom Y */
+    cell1Bottom?: number;
+    /** Cell bar 1 left X */
+    cell1Left?: number;
+    /** Cell bar 1 right X */
+    cell1Right?: number;
+    /** Cell bar 2 top Y */
+    cell2Top?: number;
+    /** Cell bar 2 bottom Y */
+    cell2Bottom?: number;
+    /** Cell bar 2 left X */
+    cell2Left?: number;
+    /** Cell bar 2 right X */
+    cell2Right?: number;
+    /** Cell bar 3 top Y */
+    cell3Top?: number;
+    /** Cell bar 3 bottom Y */
+    cell3Bottom?: number;
+    /** Cell bar 3 left X */
+    cell3Left?: number;
+    /** Cell bar 3 right X */
+    cell3Right?: number;
+    /** Cell bar 4 top Y */
+    cell4Top?: number;
+    /** Cell bar 4 bottom Y */
+    cell4Bottom?: number;
+    /** Cell bar 4 left X */
+    cell4Left?: number;
+    /** Cell bar 4 right X */
+    cell4Right?: number;
+    /** WiFi icon top Y */
+    wifiTop?: number;
+    /** WiFi icon bottom Y */
+    wifiBottom?: number;
+    /** WiFi icon left X */
+    wifiLeft?: number;
+    /** WiFi icon right X */
+    wifiRight?: number;
+    /** Battery icon top Y */
+    batteryTop?: number;
+    /** Battery icon bottom Y */
+    batteryBottom?: number;
+    /** Battery icon left X */
+    batteryLeft?: number;
+    /** Battery icon right X */
+    batteryRight?: number;
+    /** Home indicator top Y */
+    homeIndicatorTop?: number;
+    /** Home indicator bottom Y */
+    homeIndicatorBottom?: number;
+    /** Home indicator left X */
+    homeIndicatorLeft?: number;
+    /** Home indicator right X */
+    homeIndicatorRight?: number;
+    /** Home indicator color */
+    homeIndicatorColor?: string;
 }
-declare function BaseDmComposition({ width, height, backgroundColor, showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, currentProps, children, }: BaseDmCompositionProps): react_jsx_runtime.JSX.Element | null;
+declare function BaseDmComposition({ width, height, backgroundColor, showDebugOverlay, referenceImageUrl, showReferenceImage, referenceOpacity, currentProps, children, time, timeRight, timeBottom, timeFontSize, timeLetterSpacing, timeColor, noNotisTop, noNotisBottom, noNotisLeft, noNotisRight, cellLevel, cell1Top, cell1Bottom, cell1Left, cell1Right, cell2Top, cell2Bottom, cell2Left, cell2Right, cell3Top, cell3Bottom, cell3Left, cell3Right, cell4Top, cell4Bottom, cell4Left, cell4Right, wifiTop, wifiBottom, wifiLeft, wifiRight, batteryTop, batteryBottom, batteryLeft, batteryRight, homeIndicatorTop, homeIndicatorBottom, homeIndicatorLeft, homeIndicatorRight, homeIndicatorColor, }: BaseDmCompositionProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Debug Overlay Component