ugcinc-render 1.8.26 → 1.8.28
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 +77 -77
- package/dist/index.mjs +77 -77
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2257,14 +2257,14 @@ var screenshotMovementData = {
|
|
|
2257
2257
|
"160": 0.3898,
|
|
2258
2258
|
"240": 0.497,
|
|
2259
2259
|
"320": 0.5732,
|
|
2260
|
-
"
|
|
2261
|
-
"
|
|
2262
|
-
"
|
|
2263
|
-
"
|
|
2264
|
-
"
|
|
2265
|
-
"
|
|
2266
|
-
"
|
|
2267
|
-
"
|
|
2260
|
+
"400": 0.6275,
|
|
2261
|
+
"480": 0.6661,
|
|
2262
|
+
"560": 0.6936,
|
|
2263
|
+
"640": 0.7131,
|
|
2264
|
+
"720": 0.727,
|
|
2265
|
+
"800": 0.7369,
|
|
2266
|
+
"880": 0.744,
|
|
2267
|
+
"960": 0.749
|
|
2268
2268
|
},
|
|
2269
2269
|
"ssBorderTopInner": {
|
|
2270
2270
|
"0": 0.035,
|
|
@@ -2272,14 +2272,14 @@ var screenshotMovementData = {
|
|
|
2272
2272
|
"160": 0.3959,
|
|
2273
2273
|
"240": 0.5028,
|
|
2274
2274
|
"320": 0.5788,
|
|
2275
|
-
"
|
|
2276
|
-
"
|
|
2277
|
-
"
|
|
2278
|
-
"
|
|
2279
|
-
"
|
|
2280
|
-
"
|
|
2281
|
-
"
|
|
2282
|
-
"
|
|
2275
|
+
"400": 0.633,
|
|
2276
|
+
"480": 0.6715,
|
|
2277
|
+
"560": 0.699,
|
|
2278
|
+
"640": 0.7185,
|
|
2279
|
+
"720": 0.7324,
|
|
2280
|
+
"800": 0.7423,
|
|
2281
|
+
"880": 0.7493,
|
|
2282
|
+
"960": 0.7543
|
|
2283
2283
|
},
|
|
2284
2284
|
"ssBorderRight": {
|
|
2285
2285
|
"0": 0.9883,
|
|
@@ -2287,14 +2287,14 @@ var screenshotMovementData = {
|
|
|
2287
2287
|
"160": 0.6532,
|
|
2288
2288
|
"240": 0.5538,
|
|
2289
2289
|
"320": 0.4829,
|
|
2290
|
-
"
|
|
2291
|
-
"
|
|
2292
|
-
"
|
|
2293
|
-
"
|
|
2294
|
-
"
|
|
2295
|
-
"
|
|
2296
|
-
"
|
|
2297
|
-
"
|
|
2290
|
+
"400": 0.4324,
|
|
2291
|
+
"480": 0.3964,
|
|
2292
|
+
"560": 0.3707,
|
|
2293
|
+
"640": 0.3525,
|
|
2294
|
+
"720": 0.3394,
|
|
2295
|
+
"800": 0.3301,
|
|
2296
|
+
"880": 0.3235,
|
|
2297
|
+
"960": 0.3188
|
|
2298
2298
|
},
|
|
2299
2299
|
"ssBorderLeft": {
|
|
2300
2300
|
"0": 0,
|
|
@@ -2302,14 +2302,14 @@ var screenshotMovementData = {
|
|
|
2302
2302
|
"160": 0.0393,
|
|
2303
2303
|
"240": 0.0537,
|
|
2304
2304
|
"320": 0.0642,
|
|
2305
|
-
"
|
|
2306
|
-
"
|
|
2307
|
-
"
|
|
2308
|
-
"
|
|
2309
|
-
"
|
|
2310
|
-
"
|
|
2311
|
-
"
|
|
2312
|
-
"
|
|
2305
|
+
"400": 0.0719,
|
|
2306
|
+
"480": 0.0776,
|
|
2307
|
+
"560": 0.0817,
|
|
2308
|
+
"640": 0.0848,
|
|
2309
|
+
"720": 0.087,
|
|
2310
|
+
"800": 0.0886,
|
|
2311
|
+
"880": 0.0898,
|
|
2312
|
+
"960": 0.0907
|
|
2313
2313
|
},
|
|
2314
2314
|
"ssBorderBottom": {
|
|
2315
2315
|
"0": 1,
|
|
@@ -2317,29 +2317,29 @@ var screenshotMovementData = {
|
|
|
2317
2317
|
"160": 0.9828,
|
|
2318
2318
|
"240": 0.9766,
|
|
2319
2319
|
"320": 0.9719,
|
|
2320
|
-
"
|
|
2321
|
-
"
|
|
2322
|
-
"
|
|
2323
|
-
"
|
|
2324
|
-
"
|
|
2325
|
-
"
|
|
2326
|
-
"
|
|
2327
|
-
"
|
|
2320
|
+
"400": 0.9683,
|
|
2321
|
+
"480": 0.9656,
|
|
2322
|
+
"560": 0.9636,
|
|
2323
|
+
"640": 0.9621,
|
|
2324
|
+
"720": 0.961,
|
|
2325
|
+
"800": 0.9601,
|
|
2326
|
+
"880": 0.9595,
|
|
2327
|
+
"960": 0.959
|
|
2328
2328
|
},
|
|
2329
2329
|
"imgTop": {
|
|
2330
|
-
"0": 0.
|
|
2330
|
+
"0": 0.475,
|
|
2331
2331
|
"80": 0.5833,
|
|
2332
2332
|
"160": 0.6336,
|
|
2333
2333
|
"240": 0.6693,
|
|
2334
2334
|
"320": 0.6946,
|
|
2335
|
-
"
|
|
2336
|
-
"
|
|
2337
|
-
"
|
|
2338
|
-
"
|
|
2339
|
-
"
|
|
2340
|
-
"
|
|
2341
|
-
"
|
|
2342
|
-
"
|
|
2335
|
+
"400": 0.7126,
|
|
2336
|
+
"480": 0.7254,
|
|
2337
|
+
"560": 0.7345,
|
|
2338
|
+
"640": 0.7409,
|
|
2339
|
+
"720": 0.7455,
|
|
2340
|
+
"800": 0.7488,
|
|
2341
|
+
"880": 0.7511,
|
|
2342
|
+
"960": 0.7527
|
|
2343
2343
|
},
|
|
2344
2344
|
"imgClipRight": {
|
|
2345
2345
|
"0": 0.2076,
|
|
@@ -2347,14 +2347,14 @@ var screenshotMovementData = {
|
|
|
2347
2347
|
"160": 0.2548,
|
|
2348
2348
|
"240": 0.2696,
|
|
2349
2349
|
"320": 0.2804,
|
|
2350
|
-
"
|
|
2351
|
-
"
|
|
2352
|
-
"
|
|
2353
|
-
"
|
|
2354
|
-
"
|
|
2355
|
-
"
|
|
2356
|
-
"
|
|
2357
|
-
"
|
|
2350
|
+
"400": 0.2884,
|
|
2351
|
+
"480": 0.2943,
|
|
2352
|
+
"560": 0.2987,
|
|
2353
|
+
"640": 0.3019,
|
|
2354
|
+
"720": 0.3042,
|
|
2355
|
+
"800": 0.3059,
|
|
2356
|
+
"880": 0.3072,
|
|
2357
|
+
"960": 0.3082
|
|
2358
2358
|
},
|
|
2359
2359
|
"imgClipBottom": {
|
|
2360
2360
|
"0": 0.7103,
|
|
@@ -2362,14 +2362,14 @@ var screenshotMovementData = {
|
|
|
2362
2362
|
"160": 0.8347,
|
|
2363
2363
|
"240": 0.8709,
|
|
2364
2364
|
"320": 0.8964,
|
|
2365
|
-
"
|
|
2366
|
-
"
|
|
2367
|
-
"
|
|
2368
|
-
"
|
|
2369
|
-
"
|
|
2370
|
-
"
|
|
2371
|
-
"
|
|
2372
|
-
"
|
|
2365
|
+
"400": 0.9143,
|
|
2366
|
+
"480": 0.927,
|
|
2367
|
+
"560": 0.9358,
|
|
2368
|
+
"640": 0.9421,
|
|
2369
|
+
"720": 0.9465,
|
|
2370
|
+
"800": 0.9496,
|
|
2371
|
+
"880": 0.9518,
|
|
2372
|
+
"960": 0.9533
|
|
2373
2373
|
}
|
|
2374
2374
|
};
|
|
2375
2375
|
var whiteOverlayOpacityData = {
|
|
@@ -2378,17 +2378,17 @@ var whiteOverlayOpacityData = {
|
|
|
2378
2378
|
"160": 0.7077,
|
|
2379
2379
|
"240": 0.6365,
|
|
2380
2380
|
"320": 0.5691,
|
|
2381
|
-
"
|
|
2382
|
-
"
|
|
2383
|
-
"
|
|
2384
|
-
"
|
|
2385
|
-
"
|
|
2386
|
-
"
|
|
2387
|
-
"
|
|
2388
|
-
"
|
|
2389
|
-
"
|
|
2390
|
-
"
|
|
2391
|
-
"
|
|
2381
|
+
"400": 0.5056,
|
|
2382
|
+
"480": 0.446,
|
|
2383
|
+
"560": 0.3903,
|
|
2384
|
+
"640": 0.3384,
|
|
2385
|
+
"720": 0.2903,
|
|
2386
|
+
"800": 0.246,
|
|
2387
|
+
"880": 0.2054,
|
|
2388
|
+
"960": 0.1687,
|
|
2389
|
+
"1160": 0.093,
|
|
2390
|
+
"1360": 0.0402,
|
|
2391
|
+
"1760": 0
|
|
2392
2392
|
};
|
|
2393
2393
|
|
|
2394
2394
|
// src/compositions/ScreenshotAnimation.tsx
|
|
@@ -2419,7 +2419,7 @@ var CORNER_RADIUS_START_TIME = 500;
|
|
|
2419
2419
|
var CORNER_RADIUS_DURATION = 225;
|
|
2420
2420
|
var GRAY_START = { r: 255, g: 255, b: 255 };
|
|
2421
2421
|
var GRAY_END = { r: 174, g: 169, b: 171 };
|
|
2422
|
-
var MOVEMENT_DURATION =
|
|
2422
|
+
var MOVEMENT_DURATION = 960;
|
|
2423
2423
|
var easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
|
|
2424
2424
|
function smoothInterpolate(timeMs, startTime, duration, startValue, endValue, easingFn = easeOutQuart) {
|
|
2425
2425
|
if (timeMs <= startTime) return startValue;
|
package/dist/index.mjs
CHANGED
|
@@ -1394,14 +1394,14 @@ var screenshotMovementData = {
|
|
|
1394
1394
|
"160": 0.3898,
|
|
1395
1395
|
"240": 0.497,
|
|
1396
1396
|
"320": 0.5732,
|
|
1397
|
-
"
|
|
1398
|
-
"
|
|
1399
|
-
"
|
|
1400
|
-
"
|
|
1401
|
-
"
|
|
1402
|
-
"
|
|
1403
|
-
"
|
|
1404
|
-
"
|
|
1397
|
+
"400": 0.6275,
|
|
1398
|
+
"480": 0.6661,
|
|
1399
|
+
"560": 0.6936,
|
|
1400
|
+
"640": 0.7131,
|
|
1401
|
+
"720": 0.727,
|
|
1402
|
+
"800": 0.7369,
|
|
1403
|
+
"880": 0.744,
|
|
1404
|
+
"960": 0.749
|
|
1405
1405
|
},
|
|
1406
1406
|
"ssBorderTopInner": {
|
|
1407
1407
|
"0": 0.035,
|
|
@@ -1409,14 +1409,14 @@ var screenshotMovementData = {
|
|
|
1409
1409
|
"160": 0.3959,
|
|
1410
1410
|
"240": 0.5028,
|
|
1411
1411
|
"320": 0.5788,
|
|
1412
|
-
"
|
|
1413
|
-
"
|
|
1414
|
-
"
|
|
1415
|
-
"
|
|
1416
|
-
"
|
|
1417
|
-
"
|
|
1418
|
-
"
|
|
1419
|
-
"
|
|
1412
|
+
"400": 0.633,
|
|
1413
|
+
"480": 0.6715,
|
|
1414
|
+
"560": 0.699,
|
|
1415
|
+
"640": 0.7185,
|
|
1416
|
+
"720": 0.7324,
|
|
1417
|
+
"800": 0.7423,
|
|
1418
|
+
"880": 0.7493,
|
|
1419
|
+
"960": 0.7543
|
|
1420
1420
|
},
|
|
1421
1421
|
"ssBorderRight": {
|
|
1422
1422
|
"0": 0.9883,
|
|
@@ -1424,14 +1424,14 @@ var screenshotMovementData = {
|
|
|
1424
1424
|
"160": 0.6532,
|
|
1425
1425
|
"240": 0.5538,
|
|
1426
1426
|
"320": 0.4829,
|
|
1427
|
-
"
|
|
1428
|
-
"
|
|
1429
|
-
"
|
|
1430
|
-
"
|
|
1431
|
-
"
|
|
1432
|
-
"
|
|
1433
|
-
"
|
|
1434
|
-
"
|
|
1427
|
+
"400": 0.4324,
|
|
1428
|
+
"480": 0.3964,
|
|
1429
|
+
"560": 0.3707,
|
|
1430
|
+
"640": 0.3525,
|
|
1431
|
+
"720": 0.3394,
|
|
1432
|
+
"800": 0.3301,
|
|
1433
|
+
"880": 0.3235,
|
|
1434
|
+
"960": 0.3188
|
|
1435
1435
|
},
|
|
1436
1436
|
"ssBorderLeft": {
|
|
1437
1437
|
"0": 0,
|
|
@@ -1439,14 +1439,14 @@ var screenshotMovementData = {
|
|
|
1439
1439
|
"160": 0.0393,
|
|
1440
1440
|
"240": 0.0537,
|
|
1441
1441
|
"320": 0.0642,
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
"
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
"
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1442
|
+
"400": 0.0719,
|
|
1443
|
+
"480": 0.0776,
|
|
1444
|
+
"560": 0.0817,
|
|
1445
|
+
"640": 0.0848,
|
|
1446
|
+
"720": 0.087,
|
|
1447
|
+
"800": 0.0886,
|
|
1448
|
+
"880": 0.0898,
|
|
1449
|
+
"960": 0.0907
|
|
1450
1450
|
},
|
|
1451
1451
|
"ssBorderBottom": {
|
|
1452
1452
|
"0": 1,
|
|
@@ -1454,29 +1454,29 @@ var screenshotMovementData = {
|
|
|
1454
1454
|
"160": 0.9828,
|
|
1455
1455
|
"240": 0.9766,
|
|
1456
1456
|
"320": 0.9719,
|
|
1457
|
-
"
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
"
|
|
1462
|
-
"
|
|
1463
|
-
"
|
|
1464
|
-
"
|
|
1457
|
+
"400": 0.9683,
|
|
1458
|
+
"480": 0.9656,
|
|
1459
|
+
"560": 0.9636,
|
|
1460
|
+
"640": 0.9621,
|
|
1461
|
+
"720": 0.961,
|
|
1462
|
+
"800": 0.9601,
|
|
1463
|
+
"880": 0.9595,
|
|
1464
|
+
"960": 0.959
|
|
1465
1465
|
},
|
|
1466
1466
|
"imgTop": {
|
|
1467
|
-
"0": 0.
|
|
1467
|
+
"0": 0.475,
|
|
1468
1468
|
"80": 0.5833,
|
|
1469
1469
|
"160": 0.6336,
|
|
1470
1470
|
"240": 0.6693,
|
|
1471
1471
|
"320": 0.6946,
|
|
1472
|
-
"
|
|
1473
|
-
"
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
"
|
|
1477
|
-
"
|
|
1478
|
-
"
|
|
1479
|
-
"
|
|
1472
|
+
"400": 0.7126,
|
|
1473
|
+
"480": 0.7254,
|
|
1474
|
+
"560": 0.7345,
|
|
1475
|
+
"640": 0.7409,
|
|
1476
|
+
"720": 0.7455,
|
|
1477
|
+
"800": 0.7488,
|
|
1478
|
+
"880": 0.7511,
|
|
1479
|
+
"960": 0.7527
|
|
1480
1480
|
},
|
|
1481
1481
|
"imgClipRight": {
|
|
1482
1482
|
"0": 0.2076,
|
|
@@ -1484,14 +1484,14 @@ var screenshotMovementData = {
|
|
|
1484
1484
|
"160": 0.2548,
|
|
1485
1485
|
"240": 0.2696,
|
|
1486
1486
|
"320": 0.2804,
|
|
1487
|
-
"
|
|
1488
|
-
"
|
|
1489
|
-
"
|
|
1490
|
-
"
|
|
1491
|
-
"
|
|
1492
|
-
"
|
|
1493
|
-
"
|
|
1494
|
-
"
|
|
1487
|
+
"400": 0.2884,
|
|
1488
|
+
"480": 0.2943,
|
|
1489
|
+
"560": 0.2987,
|
|
1490
|
+
"640": 0.3019,
|
|
1491
|
+
"720": 0.3042,
|
|
1492
|
+
"800": 0.3059,
|
|
1493
|
+
"880": 0.3072,
|
|
1494
|
+
"960": 0.3082
|
|
1495
1495
|
},
|
|
1496
1496
|
"imgClipBottom": {
|
|
1497
1497
|
"0": 0.7103,
|
|
@@ -1499,14 +1499,14 @@ var screenshotMovementData = {
|
|
|
1499
1499
|
"160": 0.8347,
|
|
1500
1500
|
"240": 0.8709,
|
|
1501
1501
|
"320": 0.8964,
|
|
1502
|
-
"
|
|
1503
|
-
"
|
|
1504
|
-
"
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
"
|
|
1508
|
-
"
|
|
1509
|
-
"
|
|
1502
|
+
"400": 0.9143,
|
|
1503
|
+
"480": 0.927,
|
|
1504
|
+
"560": 0.9358,
|
|
1505
|
+
"640": 0.9421,
|
|
1506
|
+
"720": 0.9465,
|
|
1507
|
+
"800": 0.9496,
|
|
1508
|
+
"880": 0.9518,
|
|
1509
|
+
"960": 0.9533
|
|
1510
1510
|
}
|
|
1511
1511
|
};
|
|
1512
1512
|
var whiteOverlayOpacityData = {
|
|
@@ -1515,17 +1515,17 @@ var whiteOverlayOpacityData = {
|
|
|
1515
1515
|
"160": 0.7077,
|
|
1516
1516
|
"240": 0.6365,
|
|
1517
1517
|
"320": 0.5691,
|
|
1518
|
-
"
|
|
1519
|
-
"
|
|
1520
|
-
"
|
|
1521
|
-
"
|
|
1522
|
-
"
|
|
1523
|
-
"
|
|
1524
|
-
"
|
|
1525
|
-
"
|
|
1526
|
-
"
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1518
|
+
"400": 0.5056,
|
|
1519
|
+
"480": 0.446,
|
|
1520
|
+
"560": 0.3903,
|
|
1521
|
+
"640": 0.3384,
|
|
1522
|
+
"720": 0.2903,
|
|
1523
|
+
"800": 0.246,
|
|
1524
|
+
"880": 0.2054,
|
|
1525
|
+
"960": 0.1687,
|
|
1526
|
+
"1160": 0.093,
|
|
1527
|
+
"1360": 0.0402,
|
|
1528
|
+
"1760": 0
|
|
1529
1529
|
};
|
|
1530
1530
|
|
|
1531
1531
|
// src/compositions/ScreenshotAnimation.tsx
|
|
@@ -1556,7 +1556,7 @@ var CORNER_RADIUS_START_TIME = 500;
|
|
|
1556
1556
|
var CORNER_RADIUS_DURATION = 225;
|
|
1557
1557
|
var GRAY_START = { r: 255, g: 255, b: 255 };
|
|
1558
1558
|
var GRAY_END = { r: 174, g: 169, b: 171 };
|
|
1559
|
-
var MOVEMENT_DURATION =
|
|
1559
|
+
var MOVEMENT_DURATION = 960;
|
|
1560
1560
|
var easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
|
|
1561
1561
|
function smoothInterpolate(timeMs, startTime, duration, startValue, endValue, easingFn = easeOutQuart) {
|
|
1562
1562
|
if (timeMs <= startTime) return startValue;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.28",
|
|
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",
|