ugcinc-render 1.5.20 → 1.5.21

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 +35 -10
  2. package/dist/index.mjs +35 -10
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1320,17 +1320,42 @@ function ImageEditorComposition({
1320
1320
  if (typeof document !== "undefined" && document.fonts) {
1321
1321
  console.log("[Composition] Waiting for fonts to load...");
1322
1322
  await document.fonts.ready;
1323
- const fontChecks = await Promise.all([
1324
- document.fonts.load('normal 48px "SF Pro"').catch(() => []),
1325
- document.fonts.load('bold 48px "SF Pro"').catch(() => []),
1326
- document.fonts.load('normal 48px "TikTok Sans"').catch(() => []),
1327
- document.fonts.load('bold 48px "TikTok Sans"').catch(() => [])
1328
- ]);
1323
+ const fontsToLoad = [
1324
+ // SF Pro
1325
+ 'normal 48px "SF Pro"',
1326
+ 'bold 48px "SF Pro"',
1327
+ '100 48px "SF Pro"',
1328
+ '200 48px "SF Pro"',
1329
+ '300 48px "SF Pro"',
1330
+ '400 48px "SF Pro"',
1331
+ '500 48px "SF Pro"',
1332
+ '600 48px "SF Pro"',
1333
+ '700 48px "SF Pro"',
1334
+ '800 48px "SF Pro"',
1335
+ '900 48px "SF Pro"',
1336
+ // TikTok Sans
1337
+ 'normal 48px "TikTok Sans"',
1338
+ 'bold 48px "TikTok Sans"',
1339
+ '400 48px "TikTok Sans"',
1340
+ '500 48px "TikTok Sans"',
1341
+ '600 48px "TikTok Sans"',
1342
+ '700 48px "TikTok Sans"',
1343
+ '800 48px "TikTok Sans"',
1344
+ '900 48px "TikTok Sans"',
1345
+ // Apple Color Emoji
1346
+ 'normal 48px "Apple Color Emoji"'
1347
+ ];
1348
+ await Promise.all(
1349
+ fontsToLoad.map(
1350
+ (font) => document.fonts.load(font).catch(() => [])
1351
+ )
1352
+ );
1353
+ await document.fonts.ready;
1329
1354
  console.log("[Composition] Fonts loaded:", {
1330
- sfProNormal: document.fonts.check('normal 48px "SF Pro"'),
1331
- sfProBold: document.fonts.check('bold 48px "SF Pro"'),
1332
- tiktokNormal: document.fonts.check('normal 48px "TikTok Sans"'),
1333
- tiktokBold: document.fonts.check('bold 48px "TikTok Sans"')
1355
+ sfPro: document.fonts.check('normal 48px "SF Pro"'),
1356
+ tiktok: document.fonts.check('normal 48px "TikTok Sans"'),
1357
+ emoji: document.fonts.check('normal 48px "Apple Color Emoji"'),
1358
+ totalFonts: document.fonts.size
1334
1359
  });
1335
1360
  }
1336
1361
  setFontsLoaded(true);
package/dist/index.mjs CHANGED
@@ -1234,17 +1234,42 @@ function ImageEditorComposition({
1234
1234
  if (typeof document !== "undefined" && document.fonts) {
1235
1235
  console.log("[Composition] Waiting for fonts to load...");
1236
1236
  await document.fonts.ready;
1237
- const fontChecks = await Promise.all([
1238
- document.fonts.load('normal 48px "SF Pro"').catch(() => []),
1239
- document.fonts.load('bold 48px "SF Pro"').catch(() => []),
1240
- document.fonts.load('normal 48px "TikTok Sans"').catch(() => []),
1241
- document.fonts.load('bold 48px "TikTok Sans"').catch(() => [])
1242
- ]);
1237
+ const fontsToLoad = [
1238
+ // SF Pro
1239
+ 'normal 48px "SF Pro"',
1240
+ 'bold 48px "SF Pro"',
1241
+ '100 48px "SF Pro"',
1242
+ '200 48px "SF Pro"',
1243
+ '300 48px "SF Pro"',
1244
+ '400 48px "SF Pro"',
1245
+ '500 48px "SF Pro"',
1246
+ '600 48px "SF Pro"',
1247
+ '700 48px "SF Pro"',
1248
+ '800 48px "SF Pro"',
1249
+ '900 48px "SF Pro"',
1250
+ // TikTok Sans
1251
+ 'normal 48px "TikTok Sans"',
1252
+ 'bold 48px "TikTok Sans"',
1253
+ '400 48px "TikTok Sans"',
1254
+ '500 48px "TikTok Sans"',
1255
+ '600 48px "TikTok Sans"',
1256
+ '700 48px "TikTok Sans"',
1257
+ '800 48px "TikTok Sans"',
1258
+ '900 48px "TikTok Sans"',
1259
+ // Apple Color Emoji
1260
+ 'normal 48px "Apple Color Emoji"'
1261
+ ];
1262
+ await Promise.all(
1263
+ fontsToLoad.map(
1264
+ (font) => document.fonts.load(font).catch(() => [])
1265
+ )
1266
+ );
1267
+ await document.fonts.ready;
1243
1268
  console.log("[Composition] Fonts loaded:", {
1244
- sfProNormal: document.fonts.check('normal 48px "SF Pro"'),
1245
- sfProBold: document.fonts.check('bold 48px "SF Pro"'),
1246
- tiktokNormal: document.fonts.check('normal 48px "TikTok Sans"'),
1247
- tiktokBold: document.fonts.check('bold 48px "TikTok Sans"')
1269
+ sfPro: document.fonts.check('normal 48px "SF Pro"'),
1270
+ tiktok: document.fonts.check('normal 48px "TikTok Sans"'),
1271
+ emoji: document.fonts.check('normal 48px "Apple Color Emoji"'),
1272
+ totalFonts: document.fonts.size
1248
1273
  });
1249
1274
  }
1250
1275
  setFontsLoaded(true);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.5.20",
3
+ "version": "1.5.21",
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",