ugcinc-render 1.8.21 → 1.8.23

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 (3) hide show
  1. package/dist/index.js +116 -116
  2. package/dist/index.mjs +116 -116
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2253,142 +2253,142 @@ var import_remotion7 = require("remotion");
2253
2253
  var screenshotMovementData = {
2254
2254
  "ssBorderTop": {
2255
2255
  "0": 0.0276,
2256
- "80": 0.2392,
2257
- "160": 0.3898,
2258
- "240": 0.497,
2259
- "320": 0.5732,
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
2256
+ "160": 0.2392,
2257
+ "320": 0.3898,
2258
+ "480": 0.497,
2259
+ "640": 0.5732,
2260
+ "800": 0.6275,
2261
+ "960": 0.6661,
2262
+ "1120": 0.6936,
2263
+ "1280": 0.7131,
2264
+ "1440": 0.727,
2265
+ "1600": 0.7369,
2266
+ "1760": 0.744,
2267
+ "1920": 0.749
2268
2268
  },
2269
2269
  "ssBorderTopInner": {
2270
2270
  "0": 0.035,
2271
- "80": 0.2458,
2272
- "160": 0.3959,
2273
- "240": 0.5028,
2274
- "320": 0.5788,
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
2271
+ "160": 0.2458,
2272
+ "320": 0.3959,
2273
+ "480": 0.5028,
2274
+ "640": 0.5788,
2275
+ "800": 0.633,
2276
+ "960": 0.6715,
2277
+ "1120": 0.699,
2278
+ "1280": 0.7185,
2279
+ "1440": 0.7324,
2280
+ "1600": 0.7423,
2281
+ "1760": 0.7493,
2282
+ "1920": 0.7543
2283
2283
  },
2284
2284
  "ssBorderRight": {
2285
2285
  "0": 0.9883,
2286
- "80": 0.7926,
2287
- "160": 0.6532,
2288
- "240": 0.5538,
2289
- "320": 0.4829,
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
2286
+ "160": 0.7926,
2287
+ "320": 0.6532,
2288
+ "480": 0.5538,
2289
+ "640": 0.4829,
2290
+ "800": 0.4324,
2291
+ "960": 0.3964,
2292
+ "1120": 0.3707,
2293
+ "1280": 0.3525,
2294
+ "1440": 0.3394,
2295
+ "1600": 0.3301,
2296
+ "1760": 0.3235,
2297
+ "1920": 0.3188
2298
2298
  },
2299
2299
  "ssBorderLeft": {
2300
2300
  "0": 0,
2301
- "80": 0.0197,
2302
- "160": 0.0393,
2303
- "240": 0.0537,
2304
- "320": 0.0642,
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
2301
+ "160": 0.0197,
2302
+ "320": 0.0393,
2303
+ "480": 0.0537,
2304
+ "640": 0.0642,
2305
+ "800": 0.0719,
2306
+ "960": 0.0776,
2307
+ "1120": 0.0817,
2308
+ "1280": 0.0848,
2309
+ "1440": 0.087,
2310
+ "1600": 0.0886,
2311
+ "1760": 0.0898,
2312
+ "1920": 0.0907
2313
2313
  },
2314
2314
  "ssBorderBottom": {
2315
2315
  "0": 1,
2316
- "80": 0.9911,
2317
- "160": 0.9828,
2318
- "240": 0.9766,
2319
- "320": 0.9719,
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
2316
+ "160": 0.9911,
2317
+ "320": 0.9828,
2318
+ "480": 0.9766,
2319
+ "640": 0.9719,
2320
+ "800": 0.9683,
2321
+ "960": 0.9656,
2322
+ "1120": 0.9636,
2323
+ "1280": 0.9621,
2324
+ "1440": 0.961,
2325
+ "1600": 0.9601,
2326
+ "1760": 0.9595,
2327
+ "1920": 0.959
2328
2328
  },
2329
2329
  "imgTop": {
2330
2330
  "0": 0.5125,
2331
- "80": 0.5833,
2332
- "160": 0.6336,
2333
- "240": 0.6693,
2334
- "320": 0.6946,
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
2331
+ "160": 0.5833,
2332
+ "320": 0.6336,
2333
+ "480": 0.6693,
2334
+ "640": 0.6946,
2335
+ "800": 0.7126,
2336
+ "960": 0.7254,
2337
+ "1120": 0.7345,
2338
+ "1280": 0.7409,
2339
+ "1440": 0.7455,
2340
+ "1600": 0.7488,
2341
+ "1760": 0.7511,
2342
+ "1920": 0.7527
2343
2343
  },
2344
2344
  "imgClipRight": {
2345
2345
  "0": 0.2076,
2346
- "80": 0.2348,
2347
- "160": 0.2548,
2348
- "240": 0.2696,
2349
- "320": 0.2804,
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
2346
+ "160": 0.2348,
2347
+ "320": 0.2548,
2348
+ "480": 0.2696,
2349
+ "640": 0.2804,
2350
+ "800": 0.2884,
2351
+ "960": 0.2943,
2352
+ "1120": 0.2987,
2353
+ "1280": 0.3019,
2354
+ "1440": 0.3042,
2355
+ "1600": 0.3059,
2356
+ "1760": 0.3072,
2357
+ "1920": 0.3082
2358
2358
  },
2359
2359
  "imgClipBottom": {
2360
2360
  "0": 0.7103,
2361
- "80": 0.7833,
2362
- "160": 0.8347,
2363
- "240": 0.8709,
2364
- "320": 0.8964,
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
2361
+ "160": 0.7833,
2362
+ "320": 0.8347,
2363
+ "480": 0.8709,
2364
+ "640": 0.8964,
2365
+ "800": 0.9143,
2366
+ "960": 0.927,
2367
+ "1120": 0.9358,
2368
+ "1280": 0.9421,
2369
+ "1440": 0.9465,
2370
+ "1600": 0.9496,
2371
+ "1760": 0.9518,
2372
+ "1920": 0.9533
2373
2373
  }
2374
2374
  };
2375
2375
  var whiteOverlayOpacityData = {
2376
2376
  "0": 0.862,
2377
- "80": 0.7829,
2378
- "160": 0.7077,
2379
- "240": 0.6365,
2380
- "320": 0.5691,
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
2377
+ "160": 0.7829,
2378
+ "320": 0.7077,
2379
+ "480": 0.6365,
2380
+ "640": 0.5691,
2381
+ "800": 0.5056,
2382
+ "960": 0.446,
2383
+ "1120": 0.3903,
2384
+ "1280": 0.3384,
2385
+ "1440": 0.2903,
2386
+ "1600": 0.246,
2387
+ "1760": 0.2054,
2388
+ "1920": 0.1687,
2389
+ "2320": 0.093,
2390
+ "2720": 0.0402,
2391
+ "3520": 0
2392
2392
  };
2393
2393
 
2394
2394
  // src/compositions/ScreenshotAnimation.tsx
@@ -2415,11 +2415,11 @@ function interpolateKeyframes(timeMs, data) {
2415
2415
  const progress = (timeMs - lowerTime) / (upperTime - lowerTime);
2416
2416
  return lowerValue + (upperValue - lowerValue) * progress;
2417
2417
  }
2418
- var CORNER_RADIUS_START_TIME = 400;
2419
- var CORNER_RADIUS_DURATION = 180;
2418
+ var CORNER_RADIUS_START_TIME = 800;
2419
+ var CORNER_RADIUS_DURATION = 360;
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 = 960;
2422
+ var MOVEMENT_DURATION = 1920;
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;
@@ -3184,8 +3184,8 @@ var RenderRoot = () => {
3184
3184
  id: "ScreenshotAnimationComposition",
3185
3185
  component: ScreenshotAnimationComp,
3186
3186
  schema: screenshotAnimationSchema,
3187
- durationInFrames: 90,
3188
- fps: 30,
3187
+ durationInFrames: 180,
3188
+ fps: 59,
3189
3189
  width: 1206,
3190
3190
  height: 2622,
3191
3191
  defaultProps: defaultScreenshotAnimationProps
package/dist/index.mjs CHANGED
@@ -1390,142 +1390,142 @@ import { AbsoluteFill as AbsoluteFill4, Img as Img3, interpolate as interpolate2
1390
1390
  var screenshotMovementData = {
1391
1391
  "ssBorderTop": {
1392
1392
  "0": 0.0276,
1393
- "80": 0.2392,
1394
- "160": 0.3898,
1395
- "240": 0.497,
1396
- "320": 0.5732,
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
1393
+ "160": 0.2392,
1394
+ "320": 0.3898,
1395
+ "480": 0.497,
1396
+ "640": 0.5732,
1397
+ "800": 0.6275,
1398
+ "960": 0.6661,
1399
+ "1120": 0.6936,
1400
+ "1280": 0.7131,
1401
+ "1440": 0.727,
1402
+ "1600": 0.7369,
1403
+ "1760": 0.744,
1404
+ "1920": 0.749
1405
1405
  },
1406
1406
  "ssBorderTopInner": {
1407
1407
  "0": 0.035,
1408
- "80": 0.2458,
1409
- "160": 0.3959,
1410
- "240": 0.5028,
1411
- "320": 0.5788,
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
1408
+ "160": 0.2458,
1409
+ "320": 0.3959,
1410
+ "480": 0.5028,
1411
+ "640": 0.5788,
1412
+ "800": 0.633,
1413
+ "960": 0.6715,
1414
+ "1120": 0.699,
1415
+ "1280": 0.7185,
1416
+ "1440": 0.7324,
1417
+ "1600": 0.7423,
1418
+ "1760": 0.7493,
1419
+ "1920": 0.7543
1420
1420
  },
1421
1421
  "ssBorderRight": {
1422
1422
  "0": 0.9883,
1423
- "80": 0.7926,
1424
- "160": 0.6532,
1425
- "240": 0.5538,
1426
- "320": 0.4829,
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
1423
+ "160": 0.7926,
1424
+ "320": 0.6532,
1425
+ "480": 0.5538,
1426
+ "640": 0.4829,
1427
+ "800": 0.4324,
1428
+ "960": 0.3964,
1429
+ "1120": 0.3707,
1430
+ "1280": 0.3525,
1431
+ "1440": 0.3394,
1432
+ "1600": 0.3301,
1433
+ "1760": 0.3235,
1434
+ "1920": 0.3188
1435
1435
  },
1436
1436
  "ssBorderLeft": {
1437
1437
  "0": 0,
1438
- "80": 0.0197,
1439
- "160": 0.0393,
1440
- "240": 0.0537,
1441
- "320": 0.0642,
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
1438
+ "160": 0.0197,
1439
+ "320": 0.0393,
1440
+ "480": 0.0537,
1441
+ "640": 0.0642,
1442
+ "800": 0.0719,
1443
+ "960": 0.0776,
1444
+ "1120": 0.0817,
1445
+ "1280": 0.0848,
1446
+ "1440": 0.087,
1447
+ "1600": 0.0886,
1448
+ "1760": 0.0898,
1449
+ "1920": 0.0907
1450
1450
  },
1451
1451
  "ssBorderBottom": {
1452
1452
  "0": 1,
1453
- "80": 0.9911,
1454
- "160": 0.9828,
1455
- "240": 0.9766,
1456
- "320": 0.9719,
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
1453
+ "160": 0.9911,
1454
+ "320": 0.9828,
1455
+ "480": 0.9766,
1456
+ "640": 0.9719,
1457
+ "800": 0.9683,
1458
+ "960": 0.9656,
1459
+ "1120": 0.9636,
1460
+ "1280": 0.9621,
1461
+ "1440": 0.961,
1462
+ "1600": 0.9601,
1463
+ "1760": 0.9595,
1464
+ "1920": 0.959
1465
1465
  },
1466
1466
  "imgTop": {
1467
1467
  "0": 0.5125,
1468
- "80": 0.5833,
1469
- "160": 0.6336,
1470
- "240": 0.6693,
1471
- "320": 0.6946,
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
1468
+ "160": 0.5833,
1469
+ "320": 0.6336,
1470
+ "480": 0.6693,
1471
+ "640": 0.6946,
1472
+ "800": 0.7126,
1473
+ "960": 0.7254,
1474
+ "1120": 0.7345,
1475
+ "1280": 0.7409,
1476
+ "1440": 0.7455,
1477
+ "1600": 0.7488,
1478
+ "1760": 0.7511,
1479
+ "1920": 0.7527
1480
1480
  },
1481
1481
  "imgClipRight": {
1482
1482
  "0": 0.2076,
1483
- "80": 0.2348,
1484
- "160": 0.2548,
1485
- "240": 0.2696,
1486
- "320": 0.2804,
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
1483
+ "160": 0.2348,
1484
+ "320": 0.2548,
1485
+ "480": 0.2696,
1486
+ "640": 0.2804,
1487
+ "800": 0.2884,
1488
+ "960": 0.2943,
1489
+ "1120": 0.2987,
1490
+ "1280": 0.3019,
1491
+ "1440": 0.3042,
1492
+ "1600": 0.3059,
1493
+ "1760": 0.3072,
1494
+ "1920": 0.3082
1495
1495
  },
1496
1496
  "imgClipBottom": {
1497
1497
  "0": 0.7103,
1498
- "80": 0.7833,
1499
- "160": 0.8347,
1500
- "240": 0.8709,
1501
- "320": 0.8964,
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
1498
+ "160": 0.7833,
1499
+ "320": 0.8347,
1500
+ "480": 0.8709,
1501
+ "640": 0.8964,
1502
+ "800": 0.9143,
1503
+ "960": 0.927,
1504
+ "1120": 0.9358,
1505
+ "1280": 0.9421,
1506
+ "1440": 0.9465,
1507
+ "1600": 0.9496,
1508
+ "1760": 0.9518,
1509
+ "1920": 0.9533
1510
1510
  }
1511
1511
  };
1512
1512
  var whiteOverlayOpacityData = {
1513
1513
  "0": 0.862,
1514
- "80": 0.7829,
1515
- "160": 0.7077,
1516
- "240": 0.6365,
1517
- "320": 0.5691,
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
1514
+ "160": 0.7829,
1515
+ "320": 0.7077,
1516
+ "480": 0.6365,
1517
+ "640": 0.5691,
1518
+ "800": 0.5056,
1519
+ "960": 0.446,
1520
+ "1120": 0.3903,
1521
+ "1280": 0.3384,
1522
+ "1440": 0.2903,
1523
+ "1600": 0.246,
1524
+ "1760": 0.2054,
1525
+ "1920": 0.1687,
1526
+ "2320": 0.093,
1527
+ "2720": 0.0402,
1528
+ "3520": 0
1529
1529
  };
1530
1530
 
1531
1531
  // src/compositions/ScreenshotAnimation.tsx
@@ -1552,11 +1552,11 @@ function interpolateKeyframes(timeMs, data) {
1552
1552
  const progress = (timeMs - lowerTime) / (upperTime - lowerTime);
1553
1553
  return lowerValue + (upperValue - lowerValue) * progress;
1554
1554
  }
1555
- var CORNER_RADIUS_START_TIME = 400;
1556
- var CORNER_RADIUS_DURATION = 180;
1555
+ var CORNER_RADIUS_START_TIME = 800;
1556
+ var CORNER_RADIUS_DURATION = 360;
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 = 960;
1559
+ var MOVEMENT_DURATION = 1920;
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;
@@ -2038,8 +2038,8 @@ var RenderRoot = () => {
2038
2038
  id: "ScreenshotAnimationComposition",
2039
2039
  component: ScreenshotAnimationComp,
2040
2040
  schema: screenshotAnimationSchema,
2041
- durationInFrames: 90,
2042
- fps: 30,
2041
+ durationInFrames: 180,
2042
+ fps: 59,
2043
2043
  width: 1206,
2044
2044
  height: 2622,
2045
2045
  defaultProps: defaultScreenshotAnimationProps
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.21",
3
+ "version": "1.8.23",
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",