ugcinc-render 1.3.11 → 1.3.12
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 +0 -5
- package/dist/index.d.ts +0 -5
- package/dist/index.js +1 -10
- package/dist/index.mjs +1 -10
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -276,8 +276,6 @@ interface ImageEditorElement {
|
|
|
276
276
|
lineHeight?: number;
|
|
277
277
|
/** Letter spacing in pixels */
|
|
278
278
|
letterSpacing?: number;
|
|
279
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
280
|
-
kerning?: boolean;
|
|
281
279
|
/** Horizontal text alignment */
|
|
282
280
|
textAlign?: TextAlignment;
|
|
283
281
|
/** Vertical text alignment within bounds */
|
|
@@ -580,8 +578,6 @@ interface TextSegment extends VisualSegment {
|
|
|
580
578
|
lineHeight?: number;
|
|
581
579
|
/** Letter spacing in pixels (default: 0) */
|
|
582
580
|
letterSpacing?: number;
|
|
583
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
584
|
-
kerning?: boolean;
|
|
585
581
|
/** How text wraps to new lines (default: 'word') */
|
|
586
582
|
textWrap?: TextWrap;
|
|
587
583
|
/** How words break across lines (default: 'normal') */
|
|
@@ -993,7 +989,6 @@ declare const TEXT_DEFAULTS: {
|
|
|
993
989
|
backgroundOpacity: number;
|
|
994
990
|
autoWidth: boolean;
|
|
995
991
|
boxAlign: "left";
|
|
996
|
-
kerning: boolean;
|
|
997
992
|
};
|
|
998
993
|
/**
|
|
999
994
|
* Default values for image segments
|
package/dist/index.d.ts
CHANGED
|
@@ -276,8 +276,6 @@ interface ImageEditorElement {
|
|
|
276
276
|
lineHeight?: number;
|
|
277
277
|
/** Letter spacing in pixels */
|
|
278
278
|
letterSpacing?: number;
|
|
279
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
280
|
-
kerning?: boolean;
|
|
281
279
|
/** Horizontal text alignment */
|
|
282
280
|
textAlign?: TextAlignment;
|
|
283
281
|
/** Vertical text alignment within bounds */
|
|
@@ -580,8 +578,6 @@ interface TextSegment extends VisualSegment {
|
|
|
580
578
|
lineHeight?: number;
|
|
581
579
|
/** Letter spacing in pixels (default: 0) */
|
|
582
580
|
letterSpacing?: number;
|
|
583
|
-
/** Enable font kerning for proper letter pair spacing (default: true) */
|
|
584
|
-
kerning?: boolean;
|
|
585
581
|
/** How text wraps to new lines (default: 'word') */
|
|
586
582
|
textWrap?: TextWrap;
|
|
587
583
|
/** How words break across lines (default: 'normal') */
|
|
@@ -993,7 +989,6 @@ declare const TEXT_DEFAULTS: {
|
|
|
993
989
|
backgroundOpacity: number;
|
|
994
990
|
autoWidth: boolean;
|
|
995
991
|
boxAlign: "left";
|
|
996
|
-
kerning: boolean;
|
|
997
992
|
};
|
|
998
993
|
/**
|
|
999
994
|
* Default values for image segments
|
package/dist/index.js
CHANGED
|
@@ -96,8 +96,7 @@ var TEXT_DEFAULTS = {
|
|
|
96
96
|
strokeWidth: 0,
|
|
97
97
|
backgroundOpacity: 100,
|
|
98
98
|
autoWidth: false,
|
|
99
|
-
boxAlign: "left"
|
|
100
|
-
kerning: true
|
|
99
|
+
boxAlign: "left"
|
|
101
100
|
};
|
|
102
101
|
var IMAGE_DEFAULTS = {
|
|
103
102
|
fit: "cover",
|
|
@@ -291,7 +290,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
291
290
|
const verticalAlign = segment.verticalAlign ?? TEXT_DEFAULTS.verticalAlign;
|
|
292
291
|
const lineHeight = segment.lineHeight ?? TEXT_DEFAULTS.lineHeight;
|
|
293
292
|
const letterSpacing = (segment.letterSpacing ?? TEXT_DEFAULTS.letterSpacing) * scale;
|
|
294
|
-
const kerning = segment.kerning ?? TEXT_DEFAULTS.kerning;
|
|
295
293
|
const strokeColor = segment.strokeColor;
|
|
296
294
|
const strokeWidth = (segment.strokeWidth ?? TEXT_DEFAULTS.strokeWidth) * scale;
|
|
297
295
|
const uniformPadding = (segment.padding ?? TEXT_DEFAULTS.padding) * scale;
|
|
@@ -356,12 +354,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
356
354
|
color,
|
|
357
355
|
lineHeight,
|
|
358
356
|
letterSpacing,
|
|
359
|
-
// Font kerning for proper letter pair spacing (can be toggled)
|
|
360
|
-
fontKerning: kerning ? "normal" : "none",
|
|
361
|
-
// Enable OpenType font features for kerning
|
|
362
|
-
fontFeatureSettings: kerning ? '"kern" 1' : '"kern" 0',
|
|
363
|
-
// Text rendering optimization for better kerning
|
|
364
|
-
textRendering: kerning ? "optimizeLegibility" : "auto",
|
|
365
357
|
// textAlign works for multi-line text within the (possibly auto-width) box
|
|
366
358
|
textAlign: alignment === "justify" ? "justify" : alignment,
|
|
367
359
|
padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
|
|
@@ -398,7 +390,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
398
390
|
color,
|
|
399
391
|
lineHeight,
|
|
400
392
|
letterSpacing,
|
|
401
|
-
kerning,
|
|
402
393
|
alignment,
|
|
403
394
|
paddingTop,
|
|
404
395
|
paddingRight,
|
package/dist/index.mjs
CHANGED
|
@@ -35,8 +35,7 @@ var TEXT_DEFAULTS = {
|
|
|
35
35
|
strokeWidth: 0,
|
|
36
36
|
backgroundOpacity: 100,
|
|
37
37
|
autoWidth: false,
|
|
38
|
-
boxAlign: "left"
|
|
39
|
-
kerning: true
|
|
38
|
+
boxAlign: "left"
|
|
40
39
|
};
|
|
41
40
|
var IMAGE_DEFAULTS = {
|
|
42
41
|
fit: "cover",
|
|
@@ -230,7 +229,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
230
229
|
const verticalAlign = segment.verticalAlign ?? TEXT_DEFAULTS.verticalAlign;
|
|
231
230
|
const lineHeight = segment.lineHeight ?? TEXT_DEFAULTS.lineHeight;
|
|
232
231
|
const letterSpacing = (segment.letterSpacing ?? TEXT_DEFAULTS.letterSpacing) * scale;
|
|
233
|
-
const kerning = segment.kerning ?? TEXT_DEFAULTS.kerning;
|
|
234
232
|
const strokeColor = segment.strokeColor;
|
|
235
233
|
const strokeWidth = (segment.strokeWidth ?? TEXT_DEFAULTS.strokeWidth) * scale;
|
|
236
234
|
const uniformPadding = (segment.padding ?? TEXT_DEFAULTS.padding) * scale;
|
|
@@ -295,12 +293,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
295
293
|
color,
|
|
296
294
|
lineHeight,
|
|
297
295
|
letterSpacing,
|
|
298
|
-
// Font kerning for proper letter pair spacing (can be toggled)
|
|
299
|
-
fontKerning: kerning ? "normal" : "none",
|
|
300
|
-
// Enable OpenType font features for kerning
|
|
301
|
-
fontFeatureSettings: kerning ? '"kern" 1' : '"kern" 0',
|
|
302
|
-
// Text rendering optimization for better kerning
|
|
303
|
-
textRendering: kerning ? "optimizeLegibility" : "auto",
|
|
304
296
|
// textAlign works for multi-line text within the (possibly auto-width) box
|
|
305
297
|
textAlign: alignment === "justify" ? "justify" : alignment,
|
|
306
298
|
padding: `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`,
|
|
@@ -337,7 +329,6 @@ function TextElement({ segment, scale = 1 }) {
|
|
|
337
329
|
color,
|
|
338
330
|
lineHeight,
|
|
339
331
|
letterSpacing,
|
|
340
|
-
kerning,
|
|
341
332
|
alignment,
|
|
342
333
|
paddingTop,
|
|
343
334
|
paddingRight,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ugcinc-render",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.12",
|
|
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",
|