ugcinc-render 1.8.153 → 1.8.155

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +7 -4
  2. package/dist/index.d.ts +7 -4
  3. package/dist/index.js +31 -22
  4. package/dist/index.mjs +31 -22
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -1004,14 +1004,17 @@ interface IMessageDmCompositionProps {
1004
1004
  profilePicLeft?: number;
1005
1005
  profilePicRight?: number;
1006
1006
  username?: string;
1007
+ usernameTop?: number;
1007
1008
  usernameBottom?: number;
1009
+ usernameLeft?: number;
1010
+ usernameRight?: number;
1008
1011
  usernameFontSize?: number;
1009
1012
  usernameLetterSpacing?: number;
1010
1013
  usernameColor?: string;
1011
- usernameArrowTop?: number;
1012
- usernameArrowBottom?: number;
1013
- usernameArrowLeft?: number;
1014
- usernameArrowRight?: number;
1014
+ usernameArrowOffsetX?: number;
1015
+ usernameArrowOffsetY?: number;
1016
+ usernameArrowWidth?: number;
1017
+ usernameArrowHeight?: number;
1015
1018
  dividerLineY?: number;
1016
1019
  dividerLineColor?: string;
1017
1020
  backgroundColor?: string;
package/dist/index.d.ts CHANGED
@@ -1004,14 +1004,17 @@ interface IMessageDmCompositionProps {
1004
1004
  profilePicLeft?: number;
1005
1005
  profilePicRight?: number;
1006
1006
  username?: string;
1007
+ usernameTop?: number;
1007
1008
  usernameBottom?: number;
1009
+ usernameLeft?: number;
1010
+ usernameRight?: number;
1008
1011
  usernameFontSize?: number;
1009
1012
  usernameLetterSpacing?: number;
1010
1013
  usernameColor?: string;
1011
- usernameArrowTop?: number;
1012
- usernameArrowBottom?: number;
1013
- usernameArrowLeft?: number;
1014
- usernameArrowRight?: number;
1014
+ usernameArrowOffsetX?: number;
1015
+ usernameArrowOffsetY?: number;
1016
+ usernameArrowWidth?: number;
1017
+ usernameArrowHeight?: number;
1015
1018
  dividerLineY?: number;
1016
1019
  dividerLineColor?: string;
1017
1020
  backgroundColor?: string;
package/dist/index.js CHANGED
@@ -5384,14 +5384,17 @@ var defaultIMessageDmProps = {
5384
5384
  profilePicLeft: 528,
5385
5385
  profilePicRight: 680,
5386
5386
  username: "aidan gollan",
5387
+ usernameTop: 355,
5387
5388
  usernameBottom: 393,
5389
+ usernameLeft: 450,
5390
+ usernameRight: 756,
5388
5391
  usernameFontSize: 42,
5389
5392
  usernameLetterSpacing: 0,
5390
5393
  usernameColor: "#ffffff",
5391
- usernameArrowTop: 370,
5392
- usernameArrowBottom: 393,
5393
- usernameArrowLeft: 693,
5394
- usernameArrowRight: 706,
5394
+ usernameArrowOffsetX: 12,
5395
+ usernameArrowOffsetY: -3,
5396
+ usernameArrowWidth: 13,
5397
+ usernameArrowHeight: 23,
5395
5398
  // Divider line defaults
5396
5399
  dividerLineY: 425,
5397
5400
  dividerLineColor: "#262626",
@@ -5507,15 +5510,18 @@ var IMessageDmComposition = (props) => {
5507
5510
  profilePicBottom = 347,
5508
5511
  profilePicLeft = 528,
5509
5512
  profilePicRight = 680,
5510
- username = "cheatmate_io",
5513
+ username = "aidan gollan",
5514
+ usernameTop = 355,
5511
5515
  usernameBottom = 393,
5516
+ usernameLeft = 450,
5517
+ usernameRight = 756,
5512
5518
  usernameFontSize = 42,
5513
5519
  usernameLetterSpacing = 0,
5514
5520
  usernameColor = "#ffffff",
5515
- usernameArrowTop = 370,
5516
- usernameArrowBottom = 393,
5517
- usernameArrowLeft = 693,
5518
- usernameArrowRight = 706,
5521
+ usernameArrowOffsetX = 12,
5522
+ usernameArrowOffsetY = -3,
5523
+ usernameArrowWidth = 13,
5524
+ usernameArrowHeight = 23,
5519
5525
  dividerLineY = 425,
5520
5526
  dividerLineColor = "#262626",
5521
5527
  showDebugOverlay = false,
@@ -5685,12 +5691,12 @@ var IMessageDmComposition = (props) => {
5685
5691
  {
5686
5692
  style: {
5687
5693
  position: "absolute",
5688
- top: profilePicBottom,
5689
- left: profilePicLeft,
5690
- width: profilePicRight - profilePicLeft,
5691
- height: usernameBottom - profilePicBottom,
5694
+ top: usernameTop,
5695
+ left: usernameLeft,
5696
+ width: usernameRight - usernameLeft,
5697
+ height: usernameBottom - usernameTop,
5692
5698
  display: "flex",
5693
- alignItems: "flex-end",
5699
+ alignItems: "center",
5694
5700
  justifyContent: "center",
5695
5701
  zIndex: 26
5696
5702
  },
@@ -5716,10 +5722,10 @@ var IMessageDmComposition = (props) => {
5716
5722
  src: (0, import_remotion10.staticFile)("imsg-name-right-arrow.png"),
5717
5723
  style: {
5718
5724
  position: "absolute",
5719
- top: usernameArrowTop,
5720
- left: usernameArrowLeft,
5721
- width: usernameArrowRight - usernameArrowLeft,
5722
- height: usernameArrowBottom - usernameArrowTop,
5725
+ top: usernameTop + (usernameBottom - usernameTop) / 2 - usernameArrowHeight / 2 + usernameArrowOffsetY,
5726
+ left: usernameRight + usernameArrowOffsetX,
5727
+ width: usernameArrowWidth,
5728
+ height: usernameArrowHeight,
5723
5729
  zIndex: 26
5724
5730
  }
5725
5731
  }
@@ -6557,14 +6563,17 @@ var iMessageDmPropsSchema = import_zod.z.object({
6557
6563
  profilePicLeft: import_zod.z.number().optional(),
6558
6564
  profilePicRight: import_zod.z.number().optional(),
6559
6565
  username: import_zod.z.string().optional(),
6566
+ usernameTop: import_zod.z.number().optional(),
6560
6567
  usernameBottom: import_zod.z.number().optional(),
6568
+ usernameLeft: import_zod.z.number().optional(),
6569
+ usernameRight: import_zod.z.number().optional(),
6561
6570
  usernameFontSize: import_zod.z.number().optional(),
6562
6571
  usernameLetterSpacing: import_zod.z.number().optional(),
6563
6572
  usernameColor: import_zod.z.string().optional(),
6564
- usernameArrowTop: import_zod.z.number().optional(),
6565
- usernameArrowBottom: import_zod.z.number().optional(),
6566
- usernameArrowLeft: import_zod.z.number().optional(),
6567
- usernameArrowRight: import_zod.z.number().optional(),
6573
+ usernameArrowOffsetX: import_zod.z.number().optional(),
6574
+ usernameArrowOffsetY: import_zod.z.number().optional(),
6575
+ usernameArrowWidth: import_zod.z.number().optional(),
6576
+ usernameArrowHeight: import_zod.z.number().optional(),
6568
6577
  dividerLineY: import_zod.z.number().optional(),
6569
6578
  dividerLineColor: import_zod.z.string().optional(),
6570
6579
  backgroundColor: import_zod.z.string().optional(),
package/dist/index.mjs CHANGED
@@ -4447,14 +4447,17 @@ var defaultIMessageDmProps = {
4447
4447
  profilePicLeft: 528,
4448
4448
  profilePicRight: 680,
4449
4449
  username: "aidan gollan",
4450
+ usernameTop: 355,
4450
4451
  usernameBottom: 393,
4452
+ usernameLeft: 450,
4453
+ usernameRight: 756,
4451
4454
  usernameFontSize: 42,
4452
4455
  usernameLetterSpacing: 0,
4453
4456
  usernameColor: "#ffffff",
4454
- usernameArrowTop: 370,
4455
- usernameArrowBottom: 393,
4456
- usernameArrowLeft: 693,
4457
- usernameArrowRight: 706,
4457
+ usernameArrowOffsetX: 12,
4458
+ usernameArrowOffsetY: -3,
4459
+ usernameArrowWidth: 13,
4460
+ usernameArrowHeight: 23,
4458
4461
  // Divider line defaults
4459
4462
  dividerLineY: 425,
4460
4463
  dividerLineColor: "#262626",
@@ -4570,15 +4573,18 @@ var IMessageDmComposition = (props) => {
4570
4573
  profilePicBottom = 347,
4571
4574
  profilePicLeft = 528,
4572
4575
  profilePicRight = 680,
4573
- username = "cheatmate_io",
4576
+ username = "aidan gollan",
4577
+ usernameTop = 355,
4574
4578
  usernameBottom = 393,
4579
+ usernameLeft = 450,
4580
+ usernameRight = 756,
4575
4581
  usernameFontSize = 42,
4576
4582
  usernameLetterSpacing = 0,
4577
4583
  usernameColor = "#ffffff",
4578
- usernameArrowTop = 370,
4579
- usernameArrowBottom = 393,
4580
- usernameArrowLeft = 693,
4581
- usernameArrowRight = 706,
4584
+ usernameArrowOffsetX = 12,
4585
+ usernameArrowOffsetY = -3,
4586
+ usernameArrowWidth = 13,
4587
+ usernameArrowHeight = 23,
4582
4588
  dividerLineY = 425,
4583
4589
  dividerLineColor = "#262626",
4584
4590
  showDebugOverlay = false,
@@ -4748,12 +4754,12 @@ var IMessageDmComposition = (props) => {
4748
4754
  {
4749
4755
  style: {
4750
4756
  position: "absolute",
4751
- top: profilePicBottom,
4752
- left: profilePicLeft,
4753
- width: profilePicRight - profilePicLeft,
4754
- height: usernameBottom - profilePicBottom,
4757
+ top: usernameTop,
4758
+ left: usernameLeft,
4759
+ width: usernameRight - usernameLeft,
4760
+ height: usernameBottom - usernameTop,
4755
4761
  display: "flex",
4756
- alignItems: "flex-end",
4762
+ alignItems: "center",
4757
4763
  justifyContent: "center",
4758
4764
  zIndex: 26
4759
4765
  },
@@ -4779,10 +4785,10 @@ var IMessageDmComposition = (props) => {
4779
4785
  src: staticFile3("imsg-name-right-arrow.png"),
4780
4786
  style: {
4781
4787
  position: "absolute",
4782
- top: usernameArrowTop,
4783
- left: usernameArrowLeft,
4784
- width: usernameArrowRight - usernameArrowLeft,
4785
- height: usernameArrowBottom - usernameArrowTop,
4788
+ top: usernameTop + (usernameBottom - usernameTop) / 2 - usernameArrowHeight / 2 + usernameArrowOffsetY,
4789
+ left: usernameRight + usernameArrowOffsetX,
4790
+ width: usernameArrowWidth,
4791
+ height: usernameArrowHeight,
4786
4792
  zIndex: 26
4787
4793
  }
4788
4794
  }
@@ -5337,14 +5343,17 @@ var iMessageDmPropsSchema = z.object({
5337
5343
  profilePicLeft: z.number().optional(),
5338
5344
  profilePicRight: z.number().optional(),
5339
5345
  username: z.string().optional(),
5346
+ usernameTop: z.number().optional(),
5340
5347
  usernameBottom: z.number().optional(),
5348
+ usernameLeft: z.number().optional(),
5349
+ usernameRight: z.number().optional(),
5341
5350
  usernameFontSize: z.number().optional(),
5342
5351
  usernameLetterSpacing: z.number().optional(),
5343
5352
  usernameColor: z.string().optional(),
5344
- usernameArrowTop: z.number().optional(),
5345
- usernameArrowBottom: z.number().optional(),
5346
- usernameArrowLeft: z.number().optional(),
5347
- usernameArrowRight: z.number().optional(),
5353
+ usernameArrowOffsetX: z.number().optional(),
5354
+ usernameArrowOffsetY: z.number().optional(),
5355
+ usernameArrowWidth: z.number().optional(),
5356
+ usernameArrowHeight: z.number().optional(),
5348
5357
  dividerLineY: z.number().optional(),
5349
5358
  dividerLineColor: z.string().optional(),
5350
5359
  backgroundColor: z.string().optional(),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.153",
3
+ "version": "1.8.155",
4
4
  "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",