ugcinc-render 1.8.154 → 1.8.156

package/dist/index.d.mts

@@ -1004,7 +1004,10 @@ interface IMessageDmCompositionProps {
     profilePicLeft?: number;
     profilePicRight?: number;
     username?: string;
+    usernameTop?: number;
     usernameBottom?: number;
+    usernameLeft?: number;
+    usernameRight?: number;
     usernameFontSize?: number;
     usernameLetterSpacing?: number;
     usernameColor?: string;

package/dist/index.d.ts

@@ -1004,7 +1004,10 @@ interface IMessageDmCompositionProps {
     profilePicLeft?: number;
     profilePicRight?: number;
     username?: string;
+    usernameTop?: number;
     usernameBottom?: number;
+    usernameLeft?: number;
+    usernameRight?: number;
     usernameFontSize?: number;
     usernameLetterSpacing?: number;
     usernameColor?: string;

package/dist/index.js

@@ -5384,14 +5384,17 @@ var defaultIMessageDmProps = {
   profilePicLeft: 528,
   profilePicRight: 680,
   username: "aidan gollan",
-  usernameBottom: 393,
-  usernameFontSize: 42,
-  usernameLetterSpacing: 0,
+  usernameTop: 355,
+  usernameBottom: 404,
+  usernameLeft: 429,
+  usernameRight: 752,
+  usernameFontSize: 36,
+  usernameLetterSpacing: 0.8,
   usernameColor: "#ffffff",
-  usernameArrowOffsetX: 12,
-  usernameArrowOffsetY: 0,
-  usernameArrowWidth: 13,
-  usernameArrowHeight: 23,
+  usernameArrowOffsetX: -57,
+  usernameArrowOffsetY: 2,
+  usernameArrowWidth: 14,
+  usernameArrowHeight: 24,
   // Divider line defaults
   dividerLineY: 425,
   dividerLineColor: "#262626",
@@ -5507,15 +5510,18 @@ var IMessageDmComposition = (props) => {
     profilePicBottom = 347,
     profilePicLeft = 528,
     profilePicRight = 680,
-    username = "cheatmate_io",
-    usernameBottom = 393,
-    usernameFontSize = 42,
-    usernameLetterSpacing = 0,
+    username = "aidan gollan",
+    usernameTop = 355,
+    usernameBottom = 404,
+    usernameLeft = 429,
+    usernameRight = 752,
+    usernameFontSize = 36,
+    usernameLetterSpacing = 0.8,
     usernameColor = "#ffffff",
-    usernameArrowOffsetX = 12,
-    usernameArrowOffsetY = 0,
-    usernameArrowWidth = 13,
-    usernameArrowHeight = 23,
+    usernameArrowOffsetX = -57,
+    usernameArrowOffsetY = 2,
+    usernameArrowWidth = 14,
+    usernameArrowHeight = 24,
     dividerLineY = 425,
     dividerLineColor = "#262626",
     showDebugOverlay = false,
@@ -5685,54 +5691,45 @@ var IMessageDmComposition = (props) => {
           {
             style: {
               position: "absolute",
-              top: profilePicBottom,
-              left: profilePicLeft,
-              width: profilePicRight - profilePicLeft,
-              height: usernameBottom - profilePicBottom,
+              top: usernameTop,
+              left: usernameLeft,
+              width: usernameRight - usernameLeft,
+              height: usernameBottom - usernameTop,
               display: "flex",
-              alignItems: "flex-end",
+              alignItems: "center",
               justifyContent: "center",
               zIndex: 26
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-              "div",
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "span",
               {
                 style: {
-                  display: "flex",
-                  alignItems: "center"
+                  fontFamily: "SF Pro Display",
+                  fontWeight: 400,
+                  fontSize: usernameFontSize,
+                  letterSpacing: usernameLetterSpacing,
+                  color: usernameColor,
+                  whiteSpace: "nowrap"
                 },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                    "span",
-                    {
-                      style: {
-                        fontFamily: "SF Pro Display",
-                        fontWeight: 400,
-                        fontSize: usernameFontSize,
-                        letterSpacing: usernameLetterSpacing,
-                        color: usernameColor,
-                        whiteSpace: "nowrap"
-                      },
-                      children: username
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                    import_remotion10.Img,
-                    {
-                      src: (0, import_remotion10.staticFile)("imsg-name-right-arrow.png"),
-                      style: {
-                        width: usernameArrowWidth,
-                        height: usernameArrowHeight,
-                        marginLeft: usernameArrowOffsetX,
-                        marginTop: usernameArrowOffsetY
-                      }
-                    }
-                  )
-                ]
+                children: username
               }
             )
           }
         ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_remotion10.Img,
+          {
+            src: (0, import_remotion10.staticFile)("imsg-name-right-arrow.png"),
+            style: {
+              position: "absolute",
+              top: usernameTop + (usernameBottom - usernameTop) / 2 - usernameArrowHeight / 2 + usernameArrowOffsetY,
+              left: usernameRight + usernameArrowOffsetX,
+              width: usernameArrowWidth,
+              height: usernameArrowHeight,
+              zIndex: 26
+            }
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           import_remotion10.Img,
           {
@@ -6566,7 +6563,10 @@ var iMessageDmPropsSchema = import_zod.z.object({
   profilePicLeft: import_zod.z.number().optional(),
   profilePicRight: import_zod.z.number().optional(),
   username: import_zod.z.string().optional(),
+  usernameTop: import_zod.z.number().optional(),
   usernameBottom: import_zod.z.number().optional(),
+  usernameLeft: import_zod.z.number().optional(),
+  usernameRight: import_zod.z.number().optional(),
   usernameFontSize: import_zod.z.number().optional(),
   usernameLetterSpacing: import_zod.z.number().optional(),
   usernameColor: import_zod.z.string().optional(),

package/dist/index.mjs

@@ -4447,14 +4447,17 @@ var defaultIMessageDmProps = {
   profilePicLeft: 528,
   profilePicRight: 680,
   username: "aidan gollan",
-  usernameBottom: 393,
-  usernameFontSize: 42,
-  usernameLetterSpacing: 0,
+  usernameTop: 355,
+  usernameBottom: 404,
+  usernameLeft: 429,
+  usernameRight: 752,
+  usernameFontSize: 36,
+  usernameLetterSpacing: 0.8,
   usernameColor: "#ffffff",
-  usernameArrowOffsetX: 12,
-  usernameArrowOffsetY: 0,
-  usernameArrowWidth: 13,
-  usernameArrowHeight: 23,
+  usernameArrowOffsetX: -57,
+  usernameArrowOffsetY: 2,
+  usernameArrowWidth: 14,
+  usernameArrowHeight: 24,
   // Divider line defaults
   dividerLineY: 425,
   dividerLineColor: "#262626",
@@ -4570,15 +4573,18 @@ var IMessageDmComposition = (props) => {
     profilePicBottom = 347,
     profilePicLeft = 528,
     profilePicRight = 680,
-    username = "cheatmate_io",
-    usernameBottom = 393,
-    usernameFontSize = 42,
-    usernameLetterSpacing = 0,
+    username = "aidan gollan",
+    usernameTop = 355,
+    usernameBottom = 404,
+    usernameLeft = 429,
+    usernameRight = 752,
+    usernameFontSize = 36,
+    usernameLetterSpacing = 0.8,
     usernameColor = "#ffffff",
-    usernameArrowOffsetX = 12,
-    usernameArrowOffsetY = 0,
-    usernameArrowWidth = 13,
-    usernameArrowHeight = 23,
+    usernameArrowOffsetX = -57,
+    usernameArrowOffsetY = 2,
+    usernameArrowWidth = 14,
+    usernameArrowHeight = 24,
     dividerLineY = 425,
     dividerLineColor = "#262626",
     showDebugOverlay = false,
@@ -4748,54 +4754,45 @@ var IMessageDmComposition = (props) => {
           {
             style: {
               position: "absolute",
-              top: profilePicBottom,
-              left: profilePicLeft,
-              width: profilePicRight - profilePicLeft,
-              height: usernameBottom - profilePicBottom,
+              top: usernameTop,
+              left: usernameLeft,
+              width: usernameRight - usernameLeft,
+              height: usernameBottom - usernameTop,
               display: "flex",
-              alignItems: "flex-end",
+              alignItems: "center",
               justifyContent: "center",
               zIndex: 26
             },
-            children: /* @__PURE__ */ jsxs10(
-              "div",
+            children: /* @__PURE__ */ jsx12(
+              "span",
               {
                 style: {
-                  display: "flex",
-                  alignItems: "center"
+                  fontFamily: "SF Pro Display",
+                  fontWeight: 400,
+                  fontSize: usernameFontSize,
+                  letterSpacing: usernameLetterSpacing,
+                  color: usernameColor,
+                  whiteSpace: "nowrap"
                 },
-                children: [
-                  /* @__PURE__ */ jsx12(
-                    "span",
-                    {
-                      style: {
-                        fontFamily: "SF Pro Display",
-                        fontWeight: 400,
-                        fontSize: usernameFontSize,
-                        letterSpacing: usernameLetterSpacing,
-                        color: usernameColor,
-                        whiteSpace: "nowrap"
-                      },
-                      children: username
-                    }
-                  ),
-                  /* @__PURE__ */ jsx12(
-                    Img5,
-                    {
-                      src: staticFile3("imsg-name-right-arrow.png"),
-                      style: {
-                        width: usernameArrowWidth,
-                        height: usernameArrowHeight,
-                        marginLeft: usernameArrowOffsetX,
-                        marginTop: usernameArrowOffsetY
-                      }
-                    }
-                  )
-                ]
+                children: username
               }
             )
           }
         ),
+        /* @__PURE__ */ jsx12(
+          Img5,
+          {
+            src: staticFile3("imsg-name-right-arrow.png"),
+            style: {
+              position: "absolute",
+              top: usernameTop + (usernameBottom - usernameTop) / 2 - usernameArrowHeight / 2 + usernameArrowOffsetY,
+              left: usernameRight + usernameArrowOffsetX,
+              width: usernameArrowWidth,
+              height: usernameArrowHeight,
+              zIndex: 26
+            }
+          }
+        ),
         /* @__PURE__ */ jsx12(
           Img5,
           {
@@ -5346,7 +5343,10 @@ var iMessageDmPropsSchema = z.object({
   profilePicLeft: z.number().optional(),
   profilePicRight: z.number().optional(),
   username: z.string().optional(),
+  usernameTop: z.number().optional(),
   usernameBottom: z.number().optional(),
+  usernameLeft: z.number().optional(),
+  usernameRight: z.number().optional(),
   usernameFontSize: z.number().optional(),
   usernameLetterSpacing: z.number().optional(),
   usernameColor: z.string().optional(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ugcinc-render",
-  "version": "1.8.154",
+  "version": "1.8.156",
   "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
   "main": "dist/index.js",
   "module": "dist/index.mjs",