ugcinc-render 1.8.89 → 1.8.91
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.js +20 -17
- package/dist/index.mjs +20 -17
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3309,9 +3309,8 @@ var DEFAULTS = {
|
|
|
3309
3309
|
messageTextBottom: 2445,
|
|
3310
3310
|
messageTextLeft: 172,
|
|
3311
3311
|
messageTextRight: 399,
|
|
3312
|
-
messageTextFontSize:
|
|
3313
|
-
|
|
3314
|
-
messageTextLetterSpacing: void 0,
|
|
3312
|
+
messageTextFontSize: 54,
|
|
3313
|
+
messageTextLetterSpacing: -1.31,
|
|
3315
3314
|
messageTextColor: "#a0a8b3",
|
|
3316
3315
|
messageText: "Message..."
|
|
3317
3316
|
};
|
|
@@ -3352,11 +3351,10 @@ function IgMessageFooter({
|
|
|
3352
3351
|
messageTextLeft = DEFAULTS.messageTextLeft,
|
|
3353
3352
|
messageTextRight = DEFAULTS.messageTextRight,
|
|
3354
3353
|
messageTextFontSize = DEFAULTS.messageTextFontSize,
|
|
3355
|
-
messageTextLetterSpacing,
|
|
3354
|
+
messageTextLetterSpacing = DEFAULTS.messageTextLetterSpacing,
|
|
3356
3355
|
messageTextColor = DEFAULTS.messageTextColor,
|
|
3357
3356
|
messageText = DEFAULTS.messageText
|
|
3358
3357
|
}) {
|
|
3359
|
-
const effectiveLetterSpacing = messageTextLetterSpacing ?? getSFProLetterSpacing(messageTextFontSize);
|
|
3360
3358
|
const footerHeight = footerBottom - footerTop;
|
|
3361
3359
|
const footerWidth = footerRight - footerLeft;
|
|
3362
3360
|
const footerBorderRadius = footerHeight / 2;
|
|
@@ -3413,7 +3411,8 @@ function IgMessageFooter({
|
|
|
3413
3411
|
top: cameraIconTop,
|
|
3414
3412
|
left: cameraIconLeft,
|
|
3415
3413
|
width: cameraIconWidth,
|
|
3416
|
-
height: cameraIconHeight
|
|
3414
|
+
height: cameraIconHeight,
|
|
3415
|
+
imageRendering: "pixelated"
|
|
3417
3416
|
}
|
|
3418
3417
|
}
|
|
3419
3418
|
),
|
|
@@ -3426,7 +3425,8 @@ function IgMessageFooter({
|
|
|
3426
3425
|
top: circlePlusIconTop,
|
|
3427
3426
|
left: circlePlusIconLeft,
|
|
3428
3427
|
width: circlePlusIconWidth,
|
|
3429
|
-
height: circlePlusIconHeight
|
|
3428
|
+
height: circlePlusIconHeight,
|
|
3429
|
+
imageRendering: "pixelated"
|
|
3430
3430
|
}
|
|
3431
3431
|
}
|
|
3432
3432
|
),
|
|
@@ -3439,7 +3439,8 @@ function IgMessageFooter({
|
|
|
3439
3439
|
top: smileStickerIconTop,
|
|
3440
3440
|
left: smileStickerIconLeft,
|
|
3441
3441
|
width: smileStickerIconWidth,
|
|
3442
|
-
height: smileStickerIconHeight
|
|
3442
|
+
height: smileStickerIconHeight,
|
|
3443
|
+
imageRendering: "pixelated"
|
|
3443
3444
|
}
|
|
3444
3445
|
}
|
|
3445
3446
|
),
|
|
@@ -3452,7 +3453,8 @@ function IgMessageFooter({
|
|
|
3452
3453
|
top: cameraRollIconTop,
|
|
3453
3454
|
left: cameraRollIconLeft,
|
|
3454
3455
|
width: cameraRollIconWidth,
|
|
3455
|
-
height: cameraRollIconHeight
|
|
3456
|
+
height: cameraRollIconHeight,
|
|
3457
|
+
imageRendering: "pixelated"
|
|
3456
3458
|
}
|
|
3457
3459
|
}
|
|
3458
3460
|
),
|
|
@@ -3465,7 +3467,8 @@ function IgMessageFooter({
|
|
|
3465
3467
|
top: microphoneIconTop,
|
|
3466
3468
|
left: microphoneIconLeft,
|
|
3467
3469
|
width: microphoneIconWidth,
|
|
3468
|
-
height: microphoneIconHeight
|
|
3470
|
+
height: microphoneIconHeight,
|
|
3471
|
+
imageRendering: "pixelated"
|
|
3469
3472
|
}
|
|
3470
3473
|
}
|
|
3471
3474
|
),
|
|
@@ -3482,7 +3485,7 @@ function IgMessageFooter({
|
|
|
3482
3485
|
fontSize: messageTextFontSize,
|
|
3483
3486
|
fontFamily: '"SF Pro", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif',
|
|
3484
3487
|
fontWeight: 400,
|
|
3485
|
-
letterSpacing:
|
|
3488
|
+
letterSpacing: messageTextLetterSpacing,
|
|
3486
3489
|
display: "flex",
|
|
3487
3490
|
alignItems: "center"
|
|
3488
3491
|
},
|
|
@@ -3546,9 +3549,8 @@ var defaultInstagramDmProps = {
|
|
|
3546
3549
|
messageTextBottom: 2445,
|
|
3547
3550
|
messageTextLeft: 172,
|
|
3548
3551
|
messageTextRight: 399,
|
|
3549
|
-
messageTextFontSize:
|
|
3550
|
-
|
|
3551
|
-
messageTextLetterSpacing: void 0,
|
|
3552
|
+
messageTextFontSize: 54,
|
|
3553
|
+
messageTextLetterSpacing: -1.31,
|
|
3552
3554
|
messageTextColor: "#a0a8b3",
|
|
3553
3555
|
messageText: "Message..."
|
|
3554
3556
|
};
|
|
@@ -3735,7 +3737,8 @@ function InstagramDmComposition({
|
|
|
3735
3737
|
style: {
|
|
3736
3738
|
width: "100%",
|
|
3737
3739
|
height: "100%",
|
|
3738
|
-
objectFit: "cover"
|
|
3740
|
+
objectFit: "cover",
|
|
3741
|
+
imageRendering: "pixelated"
|
|
3739
3742
|
}
|
|
3740
3743
|
}
|
|
3741
3744
|
)
|
|
@@ -4785,8 +4788,8 @@ var instagramDmSchema = import_zod.z.object({
|
|
|
4785
4788
|
messageTextBottom: import_zod.z.number().optional().default(2445).describe("Message text bottom Y"),
|
|
4786
4789
|
messageTextLeft: import_zod.z.number().optional().default(172).describe("Message text left X"),
|
|
4787
4790
|
messageTextRight: import_zod.z.number().optional().default(399).describe("Message text right X"),
|
|
4788
|
-
messageTextFontSize: import_zod.z.number().optional().default(
|
|
4789
|
-
messageTextLetterSpacing: import_zod.z.number().optional().describe("Letter spacing (
|
|
4791
|
+
messageTextFontSize: import_zod.z.number().optional().default(54).describe("Message text font size"),
|
|
4792
|
+
messageTextLetterSpacing: import_zod.z.number().optional().default(-1.31).describe("Letter spacing (-1.31 for iOS 18pt equivalent)"),
|
|
4790
4793
|
messageTextColor: import_zod.z.string().optional().default("#a0a8b3").describe("Message text color"),
|
|
4791
4794
|
messageText: import_zod.z.string().optional().default("Message...").describe("Message placeholder text")
|
|
4792
4795
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -2378,9 +2378,8 @@ var DEFAULTS = {
|
|
|
2378
2378
|
messageTextBottom: 2445,
|
|
2379
2379
|
messageTextLeft: 172,
|
|
2380
2380
|
messageTextRight: 399,
|
|
2381
|
-
messageTextFontSize:
|
|
2382
|
-
|
|
2383
|
-
messageTextLetterSpacing: void 0,
|
|
2381
|
+
messageTextFontSize: 54,
|
|
2382
|
+
messageTextLetterSpacing: -1.31,
|
|
2384
2383
|
messageTextColor: "#a0a8b3",
|
|
2385
2384
|
messageText: "Message..."
|
|
2386
2385
|
};
|
|
@@ -2421,11 +2420,10 @@ function IgMessageFooter({
|
|
|
2421
2420
|
messageTextLeft = DEFAULTS.messageTextLeft,
|
|
2422
2421
|
messageTextRight = DEFAULTS.messageTextRight,
|
|
2423
2422
|
messageTextFontSize = DEFAULTS.messageTextFontSize,
|
|
2424
|
-
messageTextLetterSpacing,
|
|
2423
|
+
messageTextLetterSpacing = DEFAULTS.messageTextLetterSpacing,
|
|
2425
2424
|
messageTextColor = DEFAULTS.messageTextColor,
|
|
2426
2425
|
messageText = DEFAULTS.messageText
|
|
2427
2426
|
}) {
|
|
2428
|
-
const effectiveLetterSpacing = messageTextLetterSpacing ?? getSFProLetterSpacing(messageTextFontSize);
|
|
2429
2427
|
const footerHeight = footerBottom - footerTop;
|
|
2430
2428
|
const footerWidth = footerRight - footerLeft;
|
|
2431
2429
|
const footerBorderRadius = footerHeight / 2;
|
|
@@ -2482,7 +2480,8 @@ function IgMessageFooter({
|
|
|
2482
2480
|
top: cameraIconTop,
|
|
2483
2481
|
left: cameraIconLeft,
|
|
2484
2482
|
width: cameraIconWidth,
|
|
2485
|
-
height: cameraIconHeight
|
|
2483
|
+
height: cameraIconHeight,
|
|
2484
|
+
imageRendering: "pixelated"
|
|
2486
2485
|
}
|
|
2487
2486
|
}
|
|
2488
2487
|
),
|
|
@@ -2495,7 +2494,8 @@ function IgMessageFooter({
|
|
|
2495
2494
|
top: circlePlusIconTop,
|
|
2496
2495
|
left: circlePlusIconLeft,
|
|
2497
2496
|
width: circlePlusIconWidth,
|
|
2498
|
-
height: circlePlusIconHeight
|
|
2497
|
+
height: circlePlusIconHeight,
|
|
2498
|
+
imageRendering: "pixelated"
|
|
2499
2499
|
}
|
|
2500
2500
|
}
|
|
2501
2501
|
),
|
|
@@ -2508,7 +2508,8 @@ function IgMessageFooter({
|
|
|
2508
2508
|
top: smileStickerIconTop,
|
|
2509
2509
|
left: smileStickerIconLeft,
|
|
2510
2510
|
width: smileStickerIconWidth,
|
|
2511
|
-
height: smileStickerIconHeight
|
|
2511
|
+
height: smileStickerIconHeight,
|
|
2512
|
+
imageRendering: "pixelated"
|
|
2512
2513
|
}
|
|
2513
2514
|
}
|
|
2514
2515
|
),
|
|
@@ -2521,7 +2522,8 @@ function IgMessageFooter({
|
|
|
2521
2522
|
top: cameraRollIconTop,
|
|
2522
2523
|
left: cameraRollIconLeft,
|
|
2523
2524
|
width: cameraRollIconWidth,
|
|
2524
|
-
height: cameraRollIconHeight
|
|
2525
|
+
height: cameraRollIconHeight,
|
|
2526
|
+
imageRendering: "pixelated"
|
|
2525
2527
|
}
|
|
2526
2528
|
}
|
|
2527
2529
|
),
|
|
@@ -2534,7 +2536,8 @@ function IgMessageFooter({
|
|
|
2534
2536
|
top: microphoneIconTop,
|
|
2535
2537
|
left: microphoneIconLeft,
|
|
2536
2538
|
width: microphoneIconWidth,
|
|
2537
|
-
height: microphoneIconHeight
|
|
2539
|
+
height: microphoneIconHeight,
|
|
2540
|
+
imageRendering: "pixelated"
|
|
2538
2541
|
}
|
|
2539
2542
|
}
|
|
2540
2543
|
),
|
|
@@ -2551,7 +2554,7 @@ function IgMessageFooter({
|
|
|
2551
2554
|
fontSize: messageTextFontSize,
|
|
2552
2555
|
fontFamily: '"SF Pro", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif',
|
|
2553
2556
|
fontWeight: 400,
|
|
2554
|
-
letterSpacing:
|
|
2557
|
+
letterSpacing: messageTextLetterSpacing,
|
|
2555
2558
|
display: "flex",
|
|
2556
2559
|
alignItems: "center"
|
|
2557
2560
|
},
|
|
@@ -2615,9 +2618,8 @@ var defaultInstagramDmProps = {
|
|
|
2615
2618
|
messageTextBottom: 2445,
|
|
2616
2619
|
messageTextLeft: 172,
|
|
2617
2620
|
messageTextRight: 399,
|
|
2618
|
-
messageTextFontSize:
|
|
2619
|
-
|
|
2620
|
-
messageTextLetterSpacing: void 0,
|
|
2621
|
+
messageTextFontSize: 54,
|
|
2622
|
+
messageTextLetterSpacing: -1.31,
|
|
2621
2623
|
messageTextColor: "#a0a8b3",
|
|
2622
2624
|
messageText: "Message..."
|
|
2623
2625
|
};
|
|
@@ -2804,7 +2806,8 @@ function InstagramDmComposition({
|
|
|
2804
2806
|
style: {
|
|
2805
2807
|
width: "100%",
|
|
2806
2808
|
height: "100%",
|
|
2807
|
-
objectFit: "cover"
|
|
2809
|
+
objectFit: "cover",
|
|
2810
|
+
imageRendering: "pixelated"
|
|
2808
2811
|
}
|
|
2809
2812
|
}
|
|
2810
2813
|
)
|
|
@@ -3571,8 +3574,8 @@ var instagramDmSchema = z.object({
|
|
|
3571
3574
|
messageTextBottom: z.number().optional().default(2445).describe("Message text bottom Y"),
|
|
3572
3575
|
messageTextLeft: z.number().optional().default(172).describe("Message text left X"),
|
|
3573
3576
|
messageTextRight: z.number().optional().default(399).describe("Message text right X"),
|
|
3574
|
-
messageTextFontSize: z.number().optional().default(
|
|
3575
|
-
messageTextLetterSpacing: z.number().optional().describe("Letter spacing (
|
|
3577
|
+
messageTextFontSize: z.number().optional().default(54).describe("Message text font size"),
|
|
3578
|
+
messageTextLetterSpacing: z.number().optional().default(-1.31).describe("Letter spacing (-1.31 for iOS 18pt equivalent)"),
|
|
3576
3579
|
messageTextColor: z.string().optional().default("#a0a8b3").describe("Message text color"),
|
|
3577
3580
|
messageText: z.string().optional().default("Message...").describe("Message placeholder text")
|
|
3578
3581
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.91",
|
|
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",
|