ugcinc-render 1.8.35 → 1.8.37

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 +147 -123
  2. package/dist/index.mjs +147 -123
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2252,143 +2252,167 @@ var import_remotion7 = require("remotion");
2252
2252
  // src/data/screenshot.ts
2253
2253
  var screenshotMovementData = {
2254
2254
  "ssBorderTop": {
2255
- "0": 0.0276,
2256
- "80": 0.2392,
2257
- "160": 0.3898,
2258
- "240": 0.497,
2259
- "320": 0.5732,
2260
- "330": 0.6275,
2261
- "342": 0.6661,
2262
- "357": 0.6936,
2263
- "375": 0.7131,
2264
- "397": 0.727,
2265
- "423": 0.7369,
2266
- "453": 0.744,
2267
- "485": 0.749
2255
+ "18": 0.0276,
2256
+ "51": 0.2392,
2257
+ "86": 0.3898,
2258
+ "136": 0.497,
2259
+ "171": 0.5732,
2260
+ "204": 0.6275,
2261
+ "255": 0.6661,
2262
+ "289": 0.6936,
2263
+ "340": 0.7131,
2264
+ "374": 0.727,
2265
+ "424": 0.7369,
2266
+ "457": 0.744,
2267
+ "493": 0.749,
2268
+ "595": 0.7561,
2269
+ "695": 0.7591,
2270
+ "895": 0.761
2268
2271
  },
2269
2272
  "ssBorderTopInner": {
2270
- "0": 0.035,
2271
- "80": 0.2458,
2272
- "160": 0.3959,
2273
- "240": 0.5028,
2274
- "320": 0.5788,
2275
- "330": 0.633,
2276
- "342": 0.6715,
2277
- "357": 0.699,
2278
- "375": 0.7185,
2279
- "397": 0.7324,
2280
- "423": 0.7423,
2281
- "453": 0.7493,
2282
- "485": 0.7543
2273
+ "18": 0.035,
2274
+ "51": 0.2458,
2275
+ "86": 0.3959,
2276
+ "136": 0.5028,
2277
+ "171": 0.5788,
2278
+ "204": 0.633,
2279
+ "255": 0.6715,
2280
+ "289": 0.699,
2281
+ "340": 0.7185,
2282
+ "374": 0.7324,
2283
+ "424": 0.7423,
2284
+ "457": 0.7493,
2285
+ "493": 0.7543,
2286
+ "595": 0.7614,
2287
+ "695": 0.7645,
2288
+ "895": 0.7663
2283
2289
  },
2284
2290
  "ssBorderRight": {
2285
- "0": 0.9883,
2286
- "80": 0.7926,
2287
- "160": 0.6532,
2288
- "240": 0.5538,
2289
- "320": 0.4829,
2290
- "330": 0.4324,
2291
- "342": 0.3964,
2292
- "357": 0.3707,
2293
- "375": 0.3525,
2294
- "397": 0.3394,
2295
- "423": 0.3301,
2296
- "453": 0.3235,
2297
- "485": 0.3188
2291
+ "18": 0.9883,
2292
+ "51": 0.7926,
2293
+ "86": 0.6532,
2294
+ "136": 0.5538,
2295
+ "171": 0.4829,
2296
+ "204": 0.4324,
2297
+ "255": 0.3964,
2298
+ "289": 0.3707,
2299
+ "340": 0.3525,
2300
+ "374": 0.3394,
2301
+ "424": 0.3301,
2302
+ "457": 0.3235,
2303
+ "493": 0.3188,
2304
+ "595": 0.3121,
2305
+ "695": 0.3092,
2306
+ "895": 0.3074
2298
2307
  },
2299
2308
  "ssBorderLeft": {
2300
- "0": 0,
2301
- "80": 0.0197,
2302
- "160": 0.0393,
2303
- "240": 0.0537,
2304
- "320": 0.0642,
2305
- "330": 0.0719,
2306
- "342": 0.0776,
2307
- "357": 0.0817,
2308
- "375": 0.0848,
2309
- "397": 0.087,
2310
- "423": 0.0886,
2311
- "453": 0.0898,
2312
- "485": 0.0907
2309
+ "18": 0,
2310
+ "51": 0.0197,
2311
+ "86": 0.0393,
2312
+ "136": 0.0537,
2313
+ "171": 0.0642,
2314
+ "204": 0.0719,
2315
+ "255": 0.0776,
2316
+ "289": 0.0817,
2317
+ "340": 0.0848,
2318
+ "374": 0.087,
2319
+ "424": 0.0886,
2320
+ "457": 0.0898,
2321
+ "493": 0.0907,
2322
+ "595": 0.092,
2323
+ "695": 0.0926,
2324
+ "895": 0.093
2313
2325
  },
2314
2326
  "ssBorderBottom": {
2315
- "0": 1,
2316
- "80": 0.9911,
2317
- "160": 0.9828,
2318
- "240": 0.9766,
2319
- "320": 0.9719,
2320
- "330": 0.9683,
2321
- "342": 0.9656,
2322
- "357": 0.9636,
2323
- "375": 0.9621,
2324
- "397": 0.961,
2325
- "423": 0.9601,
2326
- "453": 0.9595,
2327
- "485": 0.959
2327
+ "18": 1,
2328
+ "51": 0.9911,
2329
+ "86": 0.9828,
2330
+ "136": 0.9766,
2331
+ "171": 0.9719,
2332
+ "204": 0.9683,
2333
+ "255": 0.9656,
2334
+ "289": 0.9636,
2335
+ "340": 0.9621,
2336
+ "374": 0.961,
2337
+ "424": 0.9601,
2338
+ "457": 0.9595,
2339
+ "493": 0.959,
2340
+ "595": 0.9582,
2341
+ "695": 0.9578,
2342
+ "895": 0.9576
2328
2343
  },
2329
2344
  "imgTop": {
2330
- "0": 0.475,
2331
- "80": 0.5833,
2332
- "160": 0.6336,
2333
- "240": 0.6693,
2334
- "320": 0.6946,
2335
- "330": 0.7126,
2336
- "342": 0.7254,
2337
- "357": 0.7345,
2338
- "375": 0.7409,
2339
- "397": 0.7455,
2340
- "423": 0.7488,
2341
- "453": 0.7511,
2342
- "485": 0.7527
2345
+ "18": 0.5,
2346
+ "51": 0.5833,
2347
+ "86": 0.6336,
2348
+ "136": 0.6693,
2349
+ "171": 0.6946,
2350
+ "204": 0.7126,
2351
+ "255": 0.7254,
2352
+ "289": 0.7345,
2353
+ "340": 0.7409,
2354
+ "374": 0.7455,
2355
+ "424": 0.7488,
2356
+ "457": 0.7511,
2357
+ "493": 0.7527,
2358
+ "595": 0.755,
2359
+ "695": 0.756,
2360
+ "895": 0.7566
2343
2361
  },
2344
2362
  "imgClipRight": {
2345
- "0": 0.2076,
2346
- "80": 0.2348,
2347
- "160": 0.2548,
2348
- "240": 0.2696,
2349
- "320": 0.2804,
2350
- "330": 0.2884,
2351
- "342": 0.2943,
2352
- "357": 0.2987,
2353
- "375": 0.3019,
2354
- "397": 0.3042,
2355
- "423": 0.3059,
2356
- "453": 0.3072,
2357
- "485": 0.3082
2363
+ "18": 0.2076,
2364
+ "51": 0.2348,
2365
+ "86": 0.2548,
2366
+ "136": 0.2696,
2367
+ "171": 0.2804,
2368
+ "204": 0.2884,
2369
+ "255": 0.2943,
2370
+ "289": 0.2987,
2371
+ "340": 0.3019,
2372
+ "374": 0.3042,
2373
+ "424": 0.3059,
2374
+ "457": 0.3072,
2375
+ "493": 0.3082,
2376
+ "595": 0.3096,
2377
+ "695": 0.3102,
2378
+ "895": 0.3107
2358
2379
  },
2359
2380
  "imgClipBottom": {
2360
- "0": 0.7103,
2361
- "80": 0.7833,
2362
- "160": 0.8347,
2363
- "240": 0.8709,
2364
- "320": 0.8964,
2365
- "330": 0.9143,
2366
- "342": 0.927,
2367
- "357": 0.9358,
2368
- "375": 0.9421,
2369
- "397": 0.9465,
2370
- "423": 0.9496,
2371
- "453": 0.9518,
2372
- "485": 0.9533
2381
+ "18": 0.7103,
2382
+ "51": 0.7833,
2383
+ "86": 0.8347,
2384
+ "136": 0.8709,
2385
+ "171": 0.8964,
2386
+ "204": 0.9143,
2387
+ "255": 0.927,
2388
+ "289": 0.9358,
2389
+ "340": 0.9421,
2390
+ "374": 0.9465,
2391
+ "424": 0.9496,
2392
+ "457": 0.9518,
2393
+ "493": 0.9533,
2394
+ "595": 0.9555,
2395
+ "695": 0.9564,
2396
+ "895": 0.9569
2373
2397
  }
2374
2398
  };
2375
2399
  var whiteOverlayOpacityData = {
2376
- "0": 0.862,
2377
- "80": 0.7829,
2378
- "160": 0.7077,
2379
- "240": 0.6365,
2380
- "320": 0.5691,
2381
- "330": 0.5056,
2382
- "342": 0.446,
2383
- "357": 0.3903,
2384
- "375": 0.3384,
2385
- "397": 0.2903,
2386
- "423": 0.246,
2387
- "453": 0.2054,
2388
- "485": 0.1687,
2389
- "685": 0.093,
2390
- "885": 0.0402,
2391
- "1285": 0
2400
+ "18": 0.862,
2401
+ "51": 0.7829,
2402
+ "86": 0.7077,
2403
+ "136": 0.6365,
2404
+ "171": 0.5691,
2405
+ "204": 0.5056,
2406
+ "255": 0.446,
2407
+ "289": 0.3903,
2408
+ "340": 0.3384,
2409
+ "374": 0.2903,
2410
+ "424": 0.246,
2411
+ "457": 0.2054,
2412
+ "493": 0.1687,
2413
+ "595": 0.093,
2414
+ "695": 0.0402,
2415
+ "895": 0
2392
2416
  };
2393
2417
 
2394
2418
  // src/compositions/ScreenshotAnimation.tsx
@@ -2419,7 +2443,7 @@ var CORNER_RADIUS_START_TIME = 500;
2419
2443
  var CORNER_RADIUS_DURATION = 225;
2420
2444
  var GRAY_START = { r: 255, g: 255, b: 255 };
2421
2445
  var GRAY_END = { r: 174, g: 169, b: 171 };
2422
- var MOVEMENT_DURATION = 485;
2446
+ var MOVEMENT_DURATION = 895;
2423
2447
  var easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
2424
2448
  function smoothInterpolate(timeMs, startTime, duration, startValue, endValue, easingFn = easeOutQuart) {
2425
2449
  if (timeMs <= startTime) return startValue;
@@ -2637,7 +2661,7 @@ function ScreenshotAnimation({
2637
2661
  {
2638
2662
  style: {
2639
2663
  position: "absolute",
2640
- inset: 0,
2664
+ inset: -2,
2641
2665
  backgroundColor: `rgba(255, 255, 255, ${whiteOpacity})`,
2642
2666
  borderRadius: `${innerTopRadius}px ${innerTopRadius}px ${innerBottomRadius}px ${innerBottomRadius}px`,
2643
2667
  pointerEvents: "none"
@@ -2675,7 +2699,7 @@ function ScreenshotAnimation({
2675
2699
  textShadow: "0 0 4px black"
2676
2700
  },
2677
2701
  children: [
2678
- "v1.8.35 | phase2: ",
2702
+ "v1.8.37 | phase2: ",
2679
2703
  Math.round(phase2TimeMs),
2680
2704
  "ms"
2681
2705
  ]
package/dist/index.mjs CHANGED
@@ -1389,143 +1389,167 @@ import { AbsoluteFill as AbsoluteFill4, Img as Img3, interpolate as interpolate2
1389
1389
  // src/data/screenshot.ts
1390
1390
  var screenshotMovementData = {
1391
1391
  "ssBorderTop": {
1392
- "0": 0.0276,
1393
- "80": 0.2392,
1394
- "160": 0.3898,
1395
- "240": 0.497,
1396
- "320": 0.5732,
1397
- "330": 0.6275,
1398
- "342": 0.6661,
1399
- "357": 0.6936,
1400
- "375": 0.7131,
1401
- "397": 0.727,
1402
- "423": 0.7369,
1403
- "453": 0.744,
1404
- "485": 0.749
1392
+ "18": 0.0276,
1393
+ "51": 0.2392,
1394
+ "86": 0.3898,
1395
+ "136": 0.497,
1396
+ "171": 0.5732,
1397
+ "204": 0.6275,
1398
+ "255": 0.6661,
1399
+ "289": 0.6936,
1400
+ "340": 0.7131,
1401
+ "374": 0.727,
1402
+ "424": 0.7369,
1403
+ "457": 0.744,
1404
+ "493": 0.749,
1405
+ "595": 0.7561,
1406
+ "695": 0.7591,
1407
+ "895": 0.761
1405
1408
  },
1406
1409
  "ssBorderTopInner": {
1407
- "0": 0.035,
1408
- "80": 0.2458,
1409
- "160": 0.3959,
1410
- "240": 0.5028,
1411
- "320": 0.5788,
1412
- "330": 0.633,
1413
- "342": 0.6715,
1414
- "357": 0.699,
1415
- "375": 0.7185,
1416
- "397": 0.7324,
1417
- "423": 0.7423,
1418
- "453": 0.7493,
1419
- "485": 0.7543
1410
+ "18": 0.035,
1411
+ "51": 0.2458,
1412
+ "86": 0.3959,
1413
+ "136": 0.5028,
1414
+ "171": 0.5788,
1415
+ "204": 0.633,
1416
+ "255": 0.6715,
1417
+ "289": 0.699,
1418
+ "340": 0.7185,
1419
+ "374": 0.7324,
1420
+ "424": 0.7423,
1421
+ "457": 0.7493,
1422
+ "493": 0.7543,
1423
+ "595": 0.7614,
1424
+ "695": 0.7645,
1425
+ "895": 0.7663
1420
1426
  },
1421
1427
  "ssBorderRight": {
1422
- "0": 0.9883,
1423
- "80": 0.7926,
1424
- "160": 0.6532,
1425
- "240": 0.5538,
1426
- "320": 0.4829,
1427
- "330": 0.4324,
1428
- "342": 0.3964,
1429
- "357": 0.3707,
1430
- "375": 0.3525,
1431
- "397": 0.3394,
1432
- "423": 0.3301,
1433
- "453": 0.3235,
1434
- "485": 0.3188
1428
+ "18": 0.9883,
1429
+ "51": 0.7926,
1430
+ "86": 0.6532,
1431
+ "136": 0.5538,
1432
+ "171": 0.4829,
1433
+ "204": 0.4324,
1434
+ "255": 0.3964,
1435
+ "289": 0.3707,
1436
+ "340": 0.3525,
1437
+ "374": 0.3394,
1438
+ "424": 0.3301,
1439
+ "457": 0.3235,
1440
+ "493": 0.3188,
1441
+ "595": 0.3121,
1442
+ "695": 0.3092,
1443
+ "895": 0.3074
1435
1444
  },
1436
1445
  "ssBorderLeft": {
1437
- "0": 0,
1438
- "80": 0.0197,
1439
- "160": 0.0393,
1440
- "240": 0.0537,
1441
- "320": 0.0642,
1442
- "330": 0.0719,
1443
- "342": 0.0776,
1444
- "357": 0.0817,
1445
- "375": 0.0848,
1446
- "397": 0.087,
1447
- "423": 0.0886,
1448
- "453": 0.0898,
1449
- "485": 0.0907
1446
+ "18": 0,
1447
+ "51": 0.0197,
1448
+ "86": 0.0393,
1449
+ "136": 0.0537,
1450
+ "171": 0.0642,
1451
+ "204": 0.0719,
1452
+ "255": 0.0776,
1453
+ "289": 0.0817,
1454
+ "340": 0.0848,
1455
+ "374": 0.087,
1456
+ "424": 0.0886,
1457
+ "457": 0.0898,
1458
+ "493": 0.0907,
1459
+ "595": 0.092,
1460
+ "695": 0.0926,
1461
+ "895": 0.093
1450
1462
  },
1451
1463
  "ssBorderBottom": {
1452
- "0": 1,
1453
- "80": 0.9911,
1454
- "160": 0.9828,
1455
- "240": 0.9766,
1456
- "320": 0.9719,
1457
- "330": 0.9683,
1458
- "342": 0.9656,
1459
- "357": 0.9636,
1460
- "375": 0.9621,
1461
- "397": 0.961,
1462
- "423": 0.9601,
1463
- "453": 0.9595,
1464
- "485": 0.959
1464
+ "18": 1,
1465
+ "51": 0.9911,
1466
+ "86": 0.9828,
1467
+ "136": 0.9766,
1468
+ "171": 0.9719,
1469
+ "204": 0.9683,
1470
+ "255": 0.9656,
1471
+ "289": 0.9636,
1472
+ "340": 0.9621,
1473
+ "374": 0.961,
1474
+ "424": 0.9601,
1475
+ "457": 0.9595,
1476
+ "493": 0.959,
1477
+ "595": 0.9582,
1478
+ "695": 0.9578,
1479
+ "895": 0.9576
1465
1480
  },
1466
1481
  "imgTop": {
1467
- "0": 0.475,
1468
- "80": 0.5833,
1469
- "160": 0.6336,
1470
- "240": 0.6693,
1471
- "320": 0.6946,
1472
- "330": 0.7126,
1473
- "342": 0.7254,
1474
- "357": 0.7345,
1475
- "375": 0.7409,
1476
- "397": 0.7455,
1477
- "423": 0.7488,
1478
- "453": 0.7511,
1479
- "485": 0.7527
1482
+ "18": 0.5,
1483
+ "51": 0.5833,
1484
+ "86": 0.6336,
1485
+ "136": 0.6693,
1486
+ "171": 0.6946,
1487
+ "204": 0.7126,
1488
+ "255": 0.7254,
1489
+ "289": 0.7345,
1490
+ "340": 0.7409,
1491
+ "374": 0.7455,
1492
+ "424": 0.7488,
1493
+ "457": 0.7511,
1494
+ "493": 0.7527,
1495
+ "595": 0.755,
1496
+ "695": 0.756,
1497
+ "895": 0.7566
1480
1498
  },
1481
1499
  "imgClipRight": {
1482
- "0": 0.2076,
1483
- "80": 0.2348,
1484
- "160": 0.2548,
1485
- "240": 0.2696,
1486
- "320": 0.2804,
1487
- "330": 0.2884,
1488
- "342": 0.2943,
1489
- "357": 0.2987,
1490
- "375": 0.3019,
1491
- "397": 0.3042,
1492
- "423": 0.3059,
1493
- "453": 0.3072,
1494
- "485": 0.3082
1500
+ "18": 0.2076,
1501
+ "51": 0.2348,
1502
+ "86": 0.2548,
1503
+ "136": 0.2696,
1504
+ "171": 0.2804,
1505
+ "204": 0.2884,
1506
+ "255": 0.2943,
1507
+ "289": 0.2987,
1508
+ "340": 0.3019,
1509
+ "374": 0.3042,
1510
+ "424": 0.3059,
1511
+ "457": 0.3072,
1512
+ "493": 0.3082,
1513
+ "595": 0.3096,
1514
+ "695": 0.3102,
1515
+ "895": 0.3107
1495
1516
  },
1496
1517
  "imgClipBottom": {
1497
- "0": 0.7103,
1498
- "80": 0.7833,
1499
- "160": 0.8347,
1500
- "240": 0.8709,
1501
- "320": 0.8964,
1502
- "330": 0.9143,
1503
- "342": 0.927,
1504
- "357": 0.9358,
1505
- "375": 0.9421,
1506
- "397": 0.9465,
1507
- "423": 0.9496,
1508
- "453": 0.9518,
1509
- "485": 0.9533
1518
+ "18": 0.7103,
1519
+ "51": 0.7833,
1520
+ "86": 0.8347,
1521
+ "136": 0.8709,
1522
+ "171": 0.8964,
1523
+ "204": 0.9143,
1524
+ "255": 0.927,
1525
+ "289": 0.9358,
1526
+ "340": 0.9421,
1527
+ "374": 0.9465,
1528
+ "424": 0.9496,
1529
+ "457": 0.9518,
1530
+ "493": 0.9533,
1531
+ "595": 0.9555,
1532
+ "695": 0.9564,
1533
+ "895": 0.9569
1510
1534
  }
1511
1535
  };
1512
1536
  var whiteOverlayOpacityData = {
1513
- "0": 0.862,
1514
- "80": 0.7829,
1515
- "160": 0.7077,
1516
- "240": 0.6365,
1517
- "320": 0.5691,
1518
- "330": 0.5056,
1519
- "342": 0.446,
1520
- "357": 0.3903,
1521
- "375": 0.3384,
1522
- "397": 0.2903,
1523
- "423": 0.246,
1524
- "453": 0.2054,
1525
- "485": 0.1687,
1526
- "685": 0.093,
1527
- "885": 0.0402,
1528
- "1285": 0
1537
+ "18": 0.862,
1538
+ "51": 0.7829,
1539
+ "86": 0.7077,
1540
+ "136": 0.6365,
1541
+ "171": 0.5691,
1542
+ "204": 0.5056,
1543
+ "255": 0.446,
1544
+ "289": 0.3903,
1545
+ "340": 0.3384,
1546
+ "374": 0.2903,
1547
+ "424": 0.246,
1548
+ "457": 0.2054,
1549
+ "493": 0.1687,
1550
+ "595": 0.093,
1551
+ "695": 0.0402,
1552
+ "895": 0
1529
1553
  };
1530
1554
 
1531
1555
  // src/compositions/ScreenshotAnimation.tsx
@@ -1556,7 +1580,7 @@ var CORNER_RADIUS_START_TIME = 500;
1556
1580
  var CORNER_RADIUS_DURATION = 225;
1557
1581
  var GRAY_START = { r: 255, g: 255, b: 255 };
1558
1582
  var GRAY_END = { r: 174, g: 169, b: 171 };
1559
- var MOVEMENT_DURATION = 485;
1583
+ var MOVEMENT_DURATION = 895;
1560
1584
  var easeOutQuart = (t) => 1 - Math.pow(1 - t, 4);
1561
1585
  function smoothInterpolate(timeMs, startTime, duration, startValue, endValue, easingFn = easeOutQuart) {
1562
1586
  if (timeMs <= startTime) return startValue;
@@ -1774,7 +1798,7 @@ function ScreenshotAnimation({
1774
1798
  {
1775
1799
  style: {
1776
1800
  position: "absolute",
1777
- inset: 0,
1801
+ inset: -2,
1778
1802
  backgroundColor: `rgba(255, 255, 255, ${whiteOpacity})`,
1779
1803
  borderRadius: `${innerTopRadius}px ${innerTopRadius}px ${innerBottomRadius}px ${innerBottomRadius}px`,
1780
1804
  pointerEvents: "none"
@@ -1812,7 +1836,7 @@ function ScreenshotAnimation({
1812
1836
  textShadow: "0 0 4px black"
1813
1837
  },
1814
1838
  children: [
1815
- "v1.8.35 | phase2: ",
1839
+ "v1.8.37 | phase2: ",
1816
1840
  Math.round(phase2TimeMs),
1817
1841
  "ms"
1818
1842
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.35",
3
+ "version": "1.8.37",
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",