ugcinc-render 1.8.127 → 1.8.129
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 +16 -5
- package/dist/index.d.ts +16 -5
- package/dist/index.js +77 -125
- package/dist/index.mjs +77 -125
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -805,11 +805,22 @@ interface InstagramDmCompositionProps {
|
|
|
805
805
|
flagLeft?: number;
|
|
806
806
|
flagRight?: number;
|
|
807
807
|
cellLevel?: number;
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
808
|
+
cell1Top?: number;
|
|
809
|
+
cell1Bottom?: number;
|
|
810
|
+
cell1Left?: number;
|
|
811
|
+
cell1Right?: number;
|
|
812
|
+
cell2Top?: number;
|
|
813
|
+
cell2Bottom?: number;
|
|
814
|
+
cell2Left?: number;
|
|
815
|
+
cell2Right?: number;
|
|
816
|
+
cell3Top?: number;
|
|
817
|
+
cell3Bottom?: number;
|
|
818
|
+
cell3Left?: number;
|
|
819
|
+
cell3Right?: number;
|
|
820
|
+
cell4Top?: number;
|
|
821
|
+
cell4Bottom?: number;
|
|
822
|
+
cell4Left?: number;
|
|
823
|
+
cell4Right?: number;
|
|
813
824
|
wifiTop?: number;
|
|
814
825
|
wifiBottom?: number;
|
|
815
826
|
wifiLeft?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -805,11 +805,22 @@ interface InstagramDmCompositionProps {
|
|
|
805
805
|
flagLeft?: number;
|
|
806
806
|
flagRight?: number;
|
|
807
807
|
cellLevel?: number;
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
808
|
+
cell1Top?: number;
|
|
809
|
+
cell1Bottom?: number;
|
|
810
|
+
cell1Left?: number;
|
|
811
|
+
cell1Right?: number;
|
|
812
|
+
cell2Top?: number;
|
|
813
|
+
cell2Bottom?: number;
|
|
814
|
+
cell2Left?: number;
|
|
815
|
+
cell2Right?: number;
|
|
816
|
+
cell3Top?: number;
|
|
817
|
+
cell3Bottom?: number;
|
|
818
|
+
cell3Left?: number;
|
|
819
|
+
cell3Right?: number;
|
|
820
|
+
cell4Top?: number;
|
|
821
|
+
cell4Bottom?: number;
|
|
822
|
+
cell4Left?: number;
|
|
823
|
+
cell4Right?: number;
|
|
813
824
|
wifiTop?: number;
|
|
814
825
|
wifiBottom?: number;
|
|
815
826
|
wifiLeft?: number;
|
package/dist/index.js
CHANGED
|
@@ -4307,12 +4307,23 @@ var defaultInstagramDmProps = {
|
|
|
4307
4307
|
flagRight: 1152,
|
|
4308
4308
|
// Status bar - Cell signal
|
|
4309
4309
|
cellLevel: 4,
|
|
4310
|
-
|
|
4311
|
-
|
|
4312
|
-
|
|
4313
|
-
|
|
4314
|
-
|
|
4315
|
-
|
|
4310
|
+
cell1Top: 102,
|
|
4311
|
+
cell1Bottom: 115,
|
|
4312
|
+
cell1Left: 865,
|
|
4313
|
+
cell1Right: 874,
|
|
4314
|
+
cell2Top: 95,
|
|
4315
|
+
cell2Bottom: 115,
|
|
4316
|
+
cell2Left: 881,
|
|
4317
|
+
cell2Right: 890,
|
|
4318
|
+
cell3Top: 87,
|
|
4319
|
+
cell3Bottom: 115,
|
|
4320
|
+
cell3Left: 897,
|
|
4321
|
+
cell3Right: 906,
|
|
4322
|
+
cell4Top: 79,
|
|
4323
|
+
cell4Bottom: 115,
|
|
4324
|
+
cell4Left: 913,
|
|
4325
|
+
cell4Right: 922,
|
|
4326
|
+
// Status bar - WiFi icon
|
|
4316
4327
|
wifiTop: 79,
|
|
4317
4328
|
wifiBottom: 115,
|
|
4318
4329
|
wifiLeft: 945,
|
|
@@ -4342,63 +4353,28 @@ function InstagramDmComposition(props) {
|
|
|
4342
4353
|
userStoryRingWidth = 6,
|
|
4343
4354
|
// Cell signal props
|
|
4344
4355
|
cellLevel = 4,
|
|
4345
|
-
|
|
4346
|
-
|
|
4347
|
-
|
|
4348
|
-
|
|
4349
|
-
|
|
4350
|
-
|
|
4356
|
+
cell1Top = 102,
|
|
4357
|
+
cell1Bottom = 115,
|
|
4358
|
+
cell1Left = 865,
|
|
4359
|
+
cell1Right = 874,
|
|
4360
|
+
cell2Top = 95,
|
|
4361
|
+
cell2Bottom = 115,
|
|
4362
|
+
cell2Left = 881,
|
|
4363
|
+
cell2Right = 890,
|
|
4364
|
+
cell3Top = 87,
|
|
4365
|
+
cell3Bottom = 115,
|
|
4366
|
+
cell3Left = 897,
|
|
4367
|
+
cell3Right = 906,
|
|
4368
|
+
cell4Top = 79,
|
|
4369
|
+
cell4Bottom = 115,
|
|
4370
|
+
cell4Left = 913,
|
|
4371
|
+
cell4Right = 922,
|
|
4372
|
+
// WiFi icon props
|
|
4351
4373
|
wifiTop = 79,
|
|
4352
4374
|
wifiBottom = 115,
|
|
4353
4375
|
wifiLeft = 945,
|
|
4354
4376
|
wifiRight = 995
|
|
4355
4377
|
} = props;
|
|
4356
|
-
const cellWidth = cellRight - cellLeft;
|
|
4357
|
-
const cellHeight = cellBottom - cellTop;
|
|
4358
|
-
const cellBar1 = {
|
|
4359
|
-
left: cellLeft + 0 * cellWidth,
|
|
4360
|
-
right: cellLeft + 0.158 * cellWidth,
|
|
4361
|
-
top: cellTop + 0.639 * cellHeight,
|
|
4362
|
-
bottom: cellBottom
|
|
4363
|
-
};
|
|
4364
|
-
const cellBar2 = {
|
|
4365
|
-
left: cellLeft + 0.281 * cellWidth,
|
|
4366
|
-
right: cellLeft + 0.439 * cellWidth,
|
|
4367
|
-
top: cellTop + 0.444 * cellHeight,
|
|
4368
|
-
bottom: cellBottom
|
|
4369
|
-
};
|
|
4370
|
-
const cellBar3 = {
|
|
4371
|
-
left: cellLeft + 0.561 * cellWidth,
|
|
4372
|
-
right: cellLeft + 0.719 * cellWidth,
|
|
4373
|
-
top: cellTop + 0.222 * cellHeight,
|
|
4374
|
-
bottom: cellBottom
|
|
4375
|
-
};
|
|
4376
|
-
const cellBar4 = {
|
|
4377
|
-
left: cellLeft + 0.842 * cellWidth,
|
|
4378
|
-
right: cellRight,
|
|
4379
|
-
top: cellTop,
|
|
4380
|
-
bottom: cellBottom
|
|
4381
|
-
};
|
|
4382
|
-
const wifiWidth = wifiRight - wifiLeft;
|
|
4383
|
-
const wifiHeight = wifiBottom - wifiTop;
|
|
4384
|
-
const wifiBottomArc = {
|
|
4385
|
-
left: wifiLeft + 0.36 * wifiWidth,
|
|
4386
|
-
right: wifiLeft + 0.64 * wifiWidth,
|
|
4387
|
-
top: wifiTop + 0.694 * wifiHeight,
|
|
4388
|
-
bottom: wifiBottom
|
|
4389
|
-
};
|
|
4390
|
-
const wifiMiddleArc = {
|
|
4391
|
-
left: wifiLeft + 0.18 * wifiWidth,
|
|
4392
|
-
right: wifiLeft + 0.82 * wifiWidth,
|
|
4393
|
-
top: wifiTop + 0.333 * wifiHeight,
|
|
4394
|
-
bottom: wifiTop + 0.667 * wifiHeight
|
|
4395
|
-
};
|
|
4396
|
-
const wifiTopArc = {
|
|
4397
|
-
left: wifiLeft,
|
|
4398
|
-
right: wifiRight,
|
|
4399
|
-
top: wifiTop,
|
|
4400
|
-
bottom: wifiTop + 0.417 * wifiHeight
|
|
4401
|
-
};
|
|
4402
4378
|
const clampedReferenceOpacity = Math.max(0, Math.min(100, referenceOpacity));
|
|
4403
4379
|
const [zoom, setZoom] = (0, import_react8.useState)(100);
|
|
4404
4380
|
const [scrollX, setScrollX] = (0, import_react8.useState)(0);
|
|
@@ -4496,10 +4472,10 @@ function InstagramDmComposition(props) {
|
|
|
4496
4472
|
{
|
|
4497
4473
|
style: {
|
|
4498
4474
|
position: "absolute",
|
|
4499
|
-
top:
|
|
4500
|
-
left:
|
|
4501
|
-
width:
|
|
4502
|
-
height:
|
|
4475
|
+
top: cell1Top,
|
|
4476
|
+
left: cell1Left,
|
|
4477
|
+
width: cell1Right - cell1Left,
|
|
4478
|
+
height: cell1Bottom - cell1Top,
|
|
4503
4479
|
backgroundColor: cellLevel >= 1 ? "#fefefe" : "#3c4043",
|
|
4504
4480
|
borderRadius: 2,
|
|
4505
4481
|
pointerEvents: "none",
|
|
@@ -4512,10 +4488,10 @@ function InstagramDmComposition(props) {
|
|
|
4512
4488
|
{
|
|
4513
4489
|
style: {
|
|
4514
4490
|
position: "absolute",
|
|
4515
|
-
top:
|
|
4516
|
-
left:
|
|
4517
|
-
width:
|
|
4518
|
-
height:
|
|
4491
|
+
top: cell2Top,
|
|
4492
|
+
left: cell2Left,
|
|
4493
|
+
width: cell2Right - cell2Left,
|
|
4494
|
+
height: cell2Bottom - cell2Top,
|
|
4519
4495
|
backgroundColor: cellLevel >= 2 ? "#fefefe" : "#3c4043",
|
|
4520
4496
|
borderRadius: 2,
|
|
4521
4497
|
pointerEvents: "none",
|
|
@@ -4528,10 +4504,10 @@ function InstagramDmComposition(props) {
|
|
|
4528
4504
|
{
|
|
4529
4505
|
style: {
|
|
4530
4506
|
position: "absolute",
|
|
4531
|
-
top:
|
|
4532
|
-
left:
|
|
4533
|
-
width:
|
|
4534
|
-
height:
|
|
4507
|
+
top: cell3Top,
|
|
4508
|
+
left: cell3Left,
|
|
4509
|
+
width: cell3Right - cell3Left,
|
|
4510
|
+
height: cell3Bottom - cell3Top,
|
|
4535
4511
|
backgroundColor: cellLevel >= 3 ? "#fefefe" : "#3c4043",
|
|
4536
4512
|
borderRadius: 2,
|
|
4537
4513
|
pointerEvents: "none",
|
|
@@ -4544,10 +4520,10 @@ function InstagramDmComposition(props) {
|
|
|
4544
4520
|
{
|
|
4545
4521
|
style: {
|
|
4546
4522
|
position: "absolute",
|
|
4547
|
-
top:
|
|
4548
|
-
left:
|
|
4549
|
-
width:
|
|
4550
|
-
height:
|
|
4523
|
+
top: cell4Top,
|
|
4524
|
+
left: cell4Left,
|
|
4525
|
+
width: cell4Right - cell4Left,
|
|
4526
|
+
height: cell4Bottom - cell4Top,
|
|
4551
4527
|
backgroundColor: cellLevel >= 4 ? "#fefefe" : "#3c4043",
|
|
4552
4528
|
borderRadius: 2,
|
|
4553
4529
|
pointerEvents: "none",
|
|
@@ -4558,51 +4534,16 @@ function InstagramDmComposition(props) {
|
|
|
4558
4534
|
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
4559
4535
|
import_remotion9.Img,
|
|
4560
4536
|
{
|
|
4561
|
-
src: (0, import_remotion9.staticFile)("ig-wifi
|
|
4562
|
-
style: {
|
|
4563
|
-
position: "absolute",
|
|
4564
|
-
top: wifiBottomArc.top,
|
|
4565
|
-
left: wifiBottomArc.left,
|
|
4566
|
-
width: wifiBottomArc.right - wifiBottomArc.left,
|
|
4567
|
-
height: wifiBottomArc.bottom - wifiBottomArc.top,
|
|
4568
|
-
objectFit: "fill",
|
|
4569
|
-
pointerEvents: "none",
|
|
4570
|
-
zIndex: 30,
|
|
4571
|
-
filter: wifiLevel >= 1 ? "none" : "brightness(0.25)"
|
|
4572
|
-
}
|
|
4573
|
-
}
|
|
4574
|
-
),
|
|
4575
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
4576
|
-
import_remotion9.Img,
|
|
4577
|
-
{
|
|
4578
|
-
src: (0, import_remotion9.staticFile)("ig-wifi-middle.png"),
|
|
4579
|
-
style: {
|
|
4580
|
-
position: "absolute",
|
|
4581
|
-
top: wifiMiddleArc.top,
|
|
4582
|
-
left: wifiMiddleArc.left,
|
|
4583
|
-
width: wifiMiddleArc.right - wifiMiddleArc.left,
|
|
4584
|
-
height: wifiMiddleArc.bottom - wifiMiddleArc.top,
|
|
4585
|
-
objectFit: "fill",
|
|
4586
|
-
pointerEvents: "none",
|
|
4587
|
-
zIndex: 30,
|
|
4588
|
-
filter: wifiLevel >= 2 ? "none" : "brightness(0.25)"
|
|
4589
|
-
}
|
|
4590
|
-
}
|
|
4591
|
-
),
|
|
4592
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
4593
|
-
import_remotion9.Img,
|
|
4594
|
-
{
|
|
4595
|
-
src: (0, import_remotion9.staticFile)("ig-wifi-top.png"),
|
|
4537
|
+
src: (0, import_remotion9.staticFile)("ig-wifi.png"),
|
|
4596
4538
|
style: {
|
|
4597
4539
|
position: "absolute",
|
|
4598
|
-
top:
|
|
4599
|
-
left:
|
|
4600
|
-
width:
|
|
4601
|
-
height:
|
|
4540
|
+
top: wifiTop,
|
|
4541
|
+
left: wifiLeft,
|
|
4542
|
+
width: wifiRight - wifiLeft,
|
|
4543
|
+
height: wifiBottom - wifiTop,
|
|
4602
4544
|
objectFit: "fill",
|
|
4603
4545
|
pointerEvents: "none",
|
|
4604
|
-
zIndex: 30
|
|
4605
|
-
filter: wifiLevel >= 3 ? "none" : "brightness(0.25)"
|
|
4546
|
+
zIndex: 30
|
|
4606
4547
|
}
|
|
4607
4548
|
}
|
|
4608
4549
|
),
|
|
@@ -5734,16 +5675,27 @@ var instagramDmSchema = import_zod.z.object({
|
|
|
5734
5675
|
flagRight: import_zod.z.number().optional().default(1152).describe("Flag icon right X"),
|
|
5735
5676
|
// Status bar - Cell signal (0-4)
|
|
5736
5677
|
cellLevel: import_zod.z.number().min(0).max(4).optional().default(4).describe("Cell signal level (0-4)"),
|
|
5737
|
-
|
|
5738
|
-
|
|
5739
|
-
|
|
5740
|
-
|
|
5741
|
-
|
|
5742
|
-
|
|
5743
|
-
|
|
5744
|
-
|
|
5745
|
-
|
|
5746
|
-
|
|
5678
|
+
cell1Top: import_zod.z.number().optional().default(102).describe("Cell bar 1 top Y"),
|
|
5679
|
+
cell1Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 1 bottom Y"),
|
|
5680
|
+
cell1Left: import_zod.z.number().optional().default(865).describe("Cell bar 1 left X"),
|
|
5681
|
+
cell1Right: import_zod.z.number().optional().default(874).describe("Cell bar 1 right X"),
|
|
5682
|
+
cell2Top: import_zod.z.number().optional().default(95).describe("Cell bar 2 top Y"),
|
|
5683
|
+
cell2Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 2 bottom Y"),
|
|
5684
|
+
cell2Left: import_zod.z.number().optional().default(881).describe("Cell bar 2 left X"),
|
|
5685
|
+
cell2Right: import_zod.z.number().optional().default(890).describe("Cell bar 2 right X"),
|
|
5686
|
+
cell3Top: import_zod.z.number().optional().default(87).describe("Cell bar 3 top Y"),
|
|
5687
|
+
cell3Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 3 bottom Y"),
|
|
5688
|
+
cell3Left: import_zod.z.number().optional().default(897).describe("Cell bar 3 left X"),
|
|
5689
|
+
cell3Right: import_zod.z.number().optional().default(906).describe("Cell bar 3 right X"),
|
|
5690
|
+
cell4Top: import_zod.z.number().optional().default(79).describe("Cell bar 4 top Y"),
|
|
5691
|
+
cell4Bottom: import_zod.z.number().optional().default(115).describe("Cell bar 4 bottom Y"),
|
|
5692
|
+
cell4Left: import_zod.z.number().optional().default(913).describe("Cell bar 4 left X"),
|
|
5693
|
+
cell4Right: import_zod.z.number().optional().default(922).describe("Cell bar 4 right X"),
|
|
5694
|
+
// Status bar - WiFi icon
|
|
5695
|
+
wifiTop: import_zod.z.number().optional().default(79).describe("WiFi icon top Y"),
|
|
5696
|
+
wifiBottom: import_zod.z.number().optional().default(115).describe("WiFi icon bottom Y"),
|
|
5697
|
+
wifiLeft: import_zod.z.number().optional().default(945).describe("WiFi icon left X"),
|
|
5698
|
+
wifiRight: import_zod.z.number().optional().default(995).describe("WiFi icon right X"),
|
|
5747
5699
|
// Status bar - Battery icon
|
|
5748
5700
|
batteryTop: import_zod.z.number().optional().default(78).describe("Battery icon top Y"),
|
|
5749
5701
|
batteryBottom: import_zod.z.number().optional().default(116).describe("Battery icon bottom Y"),
|
package/dist/index.mjs
CHANGED
|
@@ -3376,12 +3376,23 @@ var defaultInstagramDmProps = {
|
|
|
3376
3376
|
flagRight: 1152,
|
|
3377
3377
|
// Status bar - Cell signal
|
|
3378
3378
|
cellLevel: 4,
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3379
|
+
cell1Top: 102,
|
|
3380
|
+
cell1Bottom: 115,
|
|
3381
|
+
cell1Left: 865,
|
|
3382
|
+
cell1Right: 874,
|
|
3383
|
+
cell2Top: 95,
|
|
3384
|
+
cell2Bottom: 115,
|
|
3385
|
+
cell2Left: 881,
|
|
3386
|
+
cell2Right: 890,
|
|
3387
|
+
cell3Top: 87,
|
|
3388
|
+
cell3Bottom: 115,
|
|
3389
|
+
cell3Left: 897,
|
|
3390
|
+
cell3Right: 906,
|
|
3391
|
+
cell4Top: 79,
|
|
3392
|
+
cell4Bottom: 115,
|
|
3393
|
+
cell4Left: 913,
|
|
3394
|
+
cell4Right: 922,
|
|
3395
|
+
// Status bar - WiFi icon
|
|
3385
3396
|
wifiTop: 79,
|
|
3386
3397
|
wifiBottom: 115,
|
|
3387
3398
|
wifiLeft: 945,
|
|
@@ -3411,63 +3422,28 @@ function InstagramDmComposition(props) {
|
|
|
3411
3422
|
userStoryRingWidth = 6,
|
|
3412
3423
|
// Cell signal props
|
|
3413
3424
|
cellLevel = 4,
|
|
3414
|
-
|
|
3415
|
-
|
|
3416
|
-
|
|
3417
|
-
|
|
3418
|
-
|
|
3419
|
-
|
|
3425
|
+
cell1Top = 102,
|
|
3426
|
+
cell1Bottom = 115,
|
|
3427
|
+
cell1Left = 865,
|
|
3428
|
+
cell1Right = 874,
|
|
3429
|
+
cell2Top = 95,
|
|
3430
|
+
cell2Bottom = 115,
|
|
3431
|
+
cell2Left = 881,
|
|
3432
|
+
cell2Right = 890,
|
|
3433
|
+
cell3Top = 87,
|
|
3434
|
+
cell3Bottom = 115,
|
|
3435
|
+
cell3Left = 897,
|
|
3436
|
+
cell3Right = 906,
|
|
3437
|
+
cell4Top = 79,
|
|
3438
|
+
cell4Bottom = 115,
|
|
3439
|
+
cell4Left = 913,
|
|
3440
|
+
cell4Right = 922,
|
|
3441
|
+
// WiFi icon props
|
|
3420
3442
|
wifiTop = 79,
|
|
3421
3443
|
wifiBottom = 115,
|
|
3422
3444
|
wifiLeft = 945,
|
|
3423
3445
|
wifiRight = 995
|
|
3424
3446
|
} = props;
|
|
3425
|
-
const cellWidth = cellRight - cellLeft;
|
|
3426
|
-
const cellHeight = cellBottom - cellTop;
|
|
3427
|
-
const cellBar1 = {
|
|
3428
|
-
left: cellLeft + 0 * cellWidth,
|
|
3429
|
-
right: cellLeft + 0.158 * cellWidth,
|
|
3430
|
-
top: cellTop + 0.639 * cellHeight,
|
|
3431
|
-
bottom: cellBottom
|
|
3432
|
-
};
|
|
3433
|
-
const cellBar2 = {
|
|
3434
|
-
left: cellLeft + 0.281 * cellWidth,
|
|
3435
|
-
right: cellLeft + 0.439 * cellWidth,
|
|
3436
|
-
top: cellTop + 0.444 * cellHeight,
|
|
3437
|
-
bottom: cellBottom
|
|
3438
|
-
};
|
|
3439
|
-
const cellBar3 = {
|
|
3440
|
-
left: cellLeft + 0.561 * cellWidth,
|
|
3441
|
-
right: cellLeft + 0.719 * cellWidth,
|
|
3442
|
-
top: cellTop + 0.222 * cellHeight,
|
|
3443
|
-
bottom: cellBottom
|
|
3444
|
-
};
|
|
3445
|
-
const cellBar4 = {
|
|
3446
|
-
left: cellLeft + 0.842 * cellWidth,
|
|
3447
|
-
right: cellRight,
|
|
3448
|
-
top: cellTop,
|
|
3449
|
-
bottom: cellBottom
|
|
3450
|
-
};
|
|
3451
|
-
const wifiWidth = wifiRight - wifiLeft;
|
|
3452
|
-
const wifiHeight = wifiBottom - wifiTop;
|
|
3453
|
-
const wifiBottomArc = {
|
|
3454
|
-
left: wifiLeft + 0.36 * wifiWidth,
|
|
3455
|
-
right: wifiLeft + 0.64 * wifiWidth,
|
|
3456
|
-
top: wifiTop + 0.694 * wifiHeight,
|
|
3457
|
-
bottom: wifiBottom
|
|
3458
|
-
};
|
|
3459
|
-
const wifiMiddleArc = {
|
|
3460
|
-
left: wifiLeft + 0.18 * wifiWidth,
|
|
3461
|
-
right: wifiLeft + 0.82 * wifiWidth,
|
|
3462
|
-
top: wifiTop + 0.333 * wifiHeight,
|
|
3463
|
-
bottom: wifiTop + 0.667 * wifiHeight
|
|
3464
|
-
};
|
|
3465
|
-
const wifiTopArc = {
|
|
3466
|
-
left: wifiLeft,
|
|
3467
|
-
right: wifiRight,
|
|
3468
|
-
top: wifiTop,
|
|
3469
|
-
bottom: wifiTop + 0.417 * wifiHeight
|
|
3470
|
-
};
|
|
3471
3447
|
const clampedReferenceOpacity = Math.max(0, Math.min(100, referenceOpacity));
|
|
3472
3448
|
const [zoom, setZoom] = useState3(100);
|
|
3473
3449
|
const [scrollX, setScrollX] = useState3(0);
|
|
@@ -3565,10 +3541,10 @@ function InstagramDmComposition(props) {
|
|
|
3565
3541
|
{
|
|
3566
3542
|
style: {
|
|
3567
3543
|
position: "absolute",
|
|
3568
|
-
top:
|
|
3569
|
-
left:
|
|
3570
|
-
width:
|
|
3571
|
-
height:
|
|
3544
|
+
top: cell1Top,
|
|
3545
|
+
left: cell1Left,
|
|
3546
|
+
width: cell1Right - cell1Left,
|
|
3547
|
+
height: cell1Bottom - cell1Top,
|
|
3572
3548
|
backgroundColor: cellLevel >= 1 ? "#fefefe" : "#3c4043",
|
|
3573
3549
|
borderRadius: 2,
|
|
3574
3550
|
pointerEvents: "none",
|
|
@@ -3581,10 +3557,10 @@ function InstagramDmComposition(props) {
|
|
|
3581
3557
|
{
|
|
3582
3558
|
style: {
|
|
3583
3559
|
position: "absolute",
|
|
3584
|
-
top:
|
|
3585
|
-
left:
|
|
3586
|
-
width:
|
|
3587
|
-
height:
|
|
3560
|
+
top: cell2Top,
|
|
3561
|
+
left: cell2Left,
|
|
3562
|
+
width: cell2Right - cell2Left,
|
|
3563
|
+
height: cell2Bottom - cell2Top,
|
|
3588
3564
|
backgroundColor: cellLevel >= 2 ? "#fefefe" : "#3c4043",
|
|
3589
3565
|
borderRadius: 2,
|
|
3590
3566
|
pointerEvents: "none",
|
|
@@ -3597,10 +3573,10 @@ function InstagramDmComposition(props) {
|
|
|
3597
3573
|
{
|
|
3598
3574
|
style: {
|
|
3599
3575
|
position: "absolute",
|
|
3600
|
-
top:
|
|
3601
|
-
left:
|
|
3602
|
-
width:
|
|
3603
|
-
height:
|
|
3576
|
+
top: cell3Top,
|
|
3577
|
+
left: cell3Left,
|
|
3578
|
+
width: cell3Right - cell3Left,
|
|
3579
|
+
height: cell3Bottom - cell3Top,
|
|
3604
3580
|
backgroundColor: cellLevel >= 3 ? "#fefefe" : "#3c4043",
|
|
3605
3581
|
borderRadius: 2,
|
|
3606
3582
|
pointerEvents: "none",
|
|
@@ -3613,10 +3589,10 @@ function InstagramDmComposition(props) {
|
|
|
3613
3589
|
{
|
|
3614
3590
|
style: {
|
|
3615
3591
|
position: "absolute",
|
|
3616
|
-
top:
|
|
3617
|
-
left:
|
|
3618
|
-
width:
|
|
3619
|
-
height:
|
|
3592
|
+
top: cell4Top,
|
|
3593
|
+
left: cell4Left,
|
|
3594
|
+
width: cell4Right - cell4Left,
|
|
3595
|
+
height: cell4Bottom - cell4Top,
|
|
3620
3596
|
backgroundColor: cellLevel >= 4 ? "#fefefe" : "#3c4043",
|
|
3621
3597
|
borderRadius: 2,
|
|
3622
3598
|
pointerEvents: "none",
|
|
@@ -3627,51 +3603,16 @@ function InstagramDmComposition(props) {
|
|
|
3627
3603
|
/* @__PURE__ */ jsx10(
|
|
3628
3604
|
Img4,
|
|
3629
3605
|
{
|
|
3630
|
-
src: staticFile2("ig-wifi
|
|
3631
|
-
style: {
|
|
3632
|
-
position: "absolute",
|
|
3633
|
-
top: wifiBottomArc.top,
|
|
3634
|
-
left: wifiBottomArc.left,
|
|
3635
|
-
width: wifiBottomArc.right - wifiBottomArc.left,
|
|
3636
|
-
height: wifiBottomArc.bottom - wifiBottomArc.top,
|
|
3637
|
-
objectFit: "fill",
|
|
3638
|
-
pointerEvents: "none",
|
|
3639
|
-
zIndex: 30,
|
|
3640
|
-
filter: wifiLevel >= 1 ? "none" : "brightness(0.25)"
|
|
3641
|
-
}
|
|
3642
|
-
}
|
|
3643
|
-
),
|
|
3644
|
-
/* @__PURE__ */ jsx10(
|
|
3645
|
-
Img4,
|
|
3646
|
-
{
|
|
3647
|
-
src: staticFile2("ig-wifi-middle.png"),
|
|
3648
|
-
style: {
|
|
3649
|
-
position: "absolute",
|
|
3650
|
-
top: wifiMiddleArc.top,
|
|
3651
|
-
left: wifiMiddleArc.left,
|
|
3652
|
-
width: wifiMiddleArc.right - wifiMiddleArc.left,
|
|
3653
|
-
height: wifiMiddleArc.bottom - wifiMiddleArc.top,
|
|
3654
|
-
objectFit: "fill",
|
|
3655
|
-
pointerEvents: "none",
|
|
3656
|
-
zIndex: 30,
|
|
3657
|
-
filter: wifiLevel >= 2 ? "none" : "brightness(0.25)"
|
|
3658
|
-
}
|
|
3659
|
-
}
|
|
3660
|
-
),
|
|
3661
|
-
/* @__PURE__ */ jsx10(
|
|
3662
|
-
Img4,
|
|
3663
|
-
{
|
|
3664
|
-
src: staticFile2("ig-wifi-top.png"),
|
|
3606
|
+
src: staticFile2("ig-wifi.png"),
|
|
3665
3607
|
style: {
|
|
3666
3608
|
position: "absolute",
|
|
3667
|
-
top:
|
|
3668
|
-
left:
|
|
3669
|
-
width:
|
|
3670
|
-
height:
|
|
3609
|
+
top: wifiTop,
|
|
3610
|
+
left: wifiLeft,
|
|
3611
|
+
width: wifiRight - wifiLeft,
|
|
3612
|
+
height: wifiBottom - wifiTop,
|
|
3671
3613
|
objectFit: "fill",
|
|
3672
3614
|
pointerEvents: "none",
|
|
3673
|
-
zIndex: 30
|
|
3674
|
-
filter: wifiLevel >= 3 ? "none" : "brightness(0.25)"
|
|
3615
|
+
zIndex: 30
|
|
3675
3616
|
}
|
|
3676
3617
|
}
|
|
3677
3618
|
),
|
|
@@ -4520,16 +4461,27 @@ var instagramDmSchema = z.object({
|
|
|
4520
4461
|
flagRight: z.number().optional().default(1152).describe("Flag icon right X"),
|
|
4521
4462
|
// Status bar - Cell signal (0-4)
|
|
4522
4463
|
cellLevel: z.number().min(0).max(4).optional().default(4).describe("Cell signal level (0-4)"),
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4526
|
-
|
|
4527
|
-
|
|
4528
|
-
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4464
|
+
cell1Top: z.number().optional().default(102).describe("Cell bar 1 top Y"),
|
|
4465
|
+
cell1Bottom: z.number().optional().default(115).describe("Cell bar 1 bottom Y"),
|
|
4466
|
+
cell1Left: z.number().optional().default(865).describe("Cell bar 1 left X"),
|
|
4467
|
+
cell1Right: z.number().optional().default(874).describe("Cell bar 1 right X"),
|
|
4468
|
+
cell2Top: z.number().optional().default(95).describe("Cell bar 2 top Y"),
|
|
4469
|
+
cell2Bottom: z.number().optional().default(115).describe("Cell bar 2 bottom Y"),
|
|
4470
|
+
cell2Left: z.number().optional().default(881).describe("Cell bar 2 left X"),
|
|
4471
|
+
cell2Right: z.number().optional().default(890).describe("Cell bar 2 right X"),
|
|
4472
|
+
cell3Top: z.number().optional().default(87).describe("Cell bar 3 top Y"),
|
|
4473
|
+
cell3Bottom: z.number().optional().default(115).describe("Cell bar 3 bottom Y"),
|
|
4474
|
+
cell3Left: z.number().optional().default(897).describe("Cell bar 3 left X"),
|
|
4475
|
+
cell3Right: z.number().optional().default(906).describe("Cell bar 3 right X"),
|
|
4476
|
+
cell4Top: z.number().optional().default(79).describe("Cell bar 4 top Y"),
|
|
4477
|
+
cell4Bottom: z.number().optional().default(115).describe("Cell bar 4 bottom Y"),
|
|
4478
|
+
cell4Left: z.number().optional().default(913).describe("Cell bar 4 left X"),
|
|
4479
|
+
cell4Right: z.number().optional().default(922).describe("Cell bar 4 right X"),
|
|
4480
|
+
// Status bar - WiFi icon
|
|
4481
|
+
wifiTop: z.number().optional().default(79).describe("WiFi icon top Y"),
|
|
4482
|
+
wifiBottom: z.number().optional().default(115).describe("WiFi icon bottom Y"),
|
|
4483
|
+
wifiLeft: z.number().optional().default(945).describe("WiFi icon left X"),
|
|
4484
|
+
wifiRight: z.number().optional().default(995).describe("WiFi icon right X"),
|
|
4533
4485
|
// Status bar - Battery icon
|
|
4534
4486
|
batteryTop: z.number().optional().default(78).describe("Battery icon top Y"),
|
|
4535
4487
|
batteryBottom: z.number().optional().default(116).describe("Battery icon bottom Y"),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.129",
|
|
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",
|