pixi-watchface-engine 0.1.8 → 0.1.11

package/dist/elements/TextElement.d.ts

@@ -7,17 +7,34 @@ export interface TextElementStyle {
     fontWeight?: TextStyleFontWeight;
     align?: TextStyleAlign;
     color?: number;
+    lineHeight?: number | null;
+    letterSpacing?: number;
+    boxWidth?: number | null;
+    breakWords?: boolean;
+    textTransform?: TextTransform;
+    maxLines?: number | null;
+    truncationCharacter?: string;
 }
 type TextStyleAlign = 'left' | 'center' | 'right';
+type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
 export declare class TextElement extends BaseElement {
     private pixiText;
     private charSprites;
+    private boxProxy;
+    private _boxWidth;
+    private _boxHeight;
     private _text;
     private _fontFamily;
     private _fontSize;
     private _fontWeight;
     private _align;
     private _color;
+    private _lineHeight;
+    private _letterSpacing;
+    private _breakWords;
+    private _textTransform;
+    private _maxLines;
+    private _truncationCharacter;
     private _arcPath;
     constructor(text: string, x: number, y: number, style?: TextElementStyle);
     get arcPath(): ArcPath | null;
@@ -34,13 +51,30 @@ export declare class TextElement extends BaseElement {
     set align(value: TextStyleAlign);
     get color(): number;
     set color(value: number);
+    get lineHeight(): number | null;
+    set lineHeight(value: number | null);
+    get letterSpacing(): number;
+    set letterSpacing(value: number);
+    get boxWidth(): number | null;
+    set boxWidth(value: number | null);
+    get breakWords(): boolean;
+    set breakWords(value: boolean);
+    get textTransform(): TextTransform;
+    set textTransform(value: TextTransform);
+    get maxLines(): number | null;
+    set maxLines(value: number | null);
+    get truncationCharacter(): string;
+    set truncationCharacter(value: string);
     get width(): number;
-    set width(_value: number);
+    set width(value: number);
     get height(): number;
-    set height(_value: number);
+    set height(value: number);
     protected redraw(): void;
     private drawNormalText;
     private drawArcText;
+    private displayText;
+    private transformText;
+    private makeTextStyle;
     private makeText;
     private applyStyleToAll;
     toJSON(): SerializedElement;

package/dist/elements/TextElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../src/elements/TextElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,qBAAa,WAAY,SAAQ,WAAW;IAC1C,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,WAAW,CAAc;IAEjC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAsB;IACzC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,QAAQ,CAAwB;gBAE5B,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,gBAAgB;IAkBxE,IAAI,OAAO,IAAI,OAAO,GAAG,IAAI,CAA0B;IACvD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAKhC;IAID,IAAI,IAAI,IAAI,MAAM,CAAuB;IACzC,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAMrB;IAED,IAAI,UAAU,IAAI,MAAM,CAA6B;IACrD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAM3B;IAED,IAAI,QAAQ,IAAI,MAAM,CAA2B;IACjD,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,EAMzB;IAED,IAAI,UAAU,IAAI,mBAAmB,CAA6B;IAClE,IAAI,UAAU,CAAC,KAAK,EAAE,mBAAmB,EAMxC;IAED,IAAI,KAAK,IAAI,cAAc,CAAwB;IACnD,IAAI,KAAK,CAAC,KAAK,EAAE,cAAc,EAM9B;IAED,IAAI,KAAK,IAAI,MAAM,CAAwB;IAC3C,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAa,KAAK,IAAI,MAAM,CAG3B;IACD,IAAa,KAAK,CAAC,MAAM,EAAE,MAAM,EAEhC;IAED,IAAa,MAAM,IAAI,MAAM,CAG5B;IACD,IAAa,MAAM,CAAC,MAAM,EAAE,MAAM,EAEjC;cAEkB,MAAM,IAAI,IAAI;IAQjC,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,WAAW;IAsDnB,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,eAAe;IAKd,MAAM,IAAI,iBAAiB;IAa3B,SAAS,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;IAiBjD,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,iBAAiB,GAAG,WAAW;CAgBtD"}
+{"version":3,"file":"TextElement.d.ts","sourceRoot":"","sources":["../../src/elements/TextElement.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -30734,6 +30734,7 @@ init_textureFrom();
 init_Container();
 init_Graphics();
 init_Sprite();
+init_CanvasTextMetrics();
 init_TextStyle();
 init_Ticker();
 init_eventemitter3();
@@ -31101,12 +31102,21 @@ class BaseElement {
 class TextElement extends BaseElement {
   pixiText;
   charSprites = [];
+  boxProxy;
+  _boxWidth = null;
+  _boxHeight = null;
   _text;
   _fontFamily;
   _fontSize;
   _fontWeight;
   _align;
   _color;
+  _lineHeight;
+  _letterSpacing;
+  _breakWords;
+  _textTransform;
+  _maxLines;
+  _truncationCharacter;
   _arcPath = null;
   constructor(text, x2, y2, style) {
     super("text");
@@ -31116,10 +31126,20 @@ class TextElement extends BaseElement {
     this._fontWeight = style?.fontWeight ?? "normal";
     this._align = style?.align ?? "left";
     this._color = style?.color ?? 16777215;
-    this.pixiText = this.makeText(this._text);
+    this._lineHeight = style?.lineHeight ?? null;
+    this._letterSpacing = style?.letterSpacing ?? 0;
+    this._boxWidth = style?.boxWidth ?? null;
+    this._breakWords = style?.breakWords ?? false;
+    this._textTransform = style?.textTransform ?? "none";
+    this._maxLines = style?.maxLines ?? null;
+    this._truncationCharacter = style?.truncationCharacter ?? "…";
+    this.pixiText = this.makeText(this.displayText(this._text));
     this.container.addChild(this.pixiText);
+    this.boxProxy = new Graphics;
+    this.container.addChild(this.boxProxy);
     this.x = x2;
     this.y = y2;
+    this.redraw();
   }
   get arcPath() {
     return this._arcPath;
@@ -31190,6 +31210,7 @@ class TextElement extends BaseElement {
     this._align = value;
     if (this.pixiText)
       this.pixiText.style.align = value;
+    this.redraw();
     this.emitChange("align", old, value);
   }
   get color() {
@@ -31205,18 +31226,124 @@ class TextElement extends BaseElement {
     });
     this.emitChange("color", old, value);
   }
+  get lineHeight() {
+    return this._lineHeight;
+  }
+  set lineHeight(value) {
+    const old = this._lineHeight;
+    if (old === value)
+      return;
+    this._lineHeight = value;
+    this.applyStyleToAll((s2) => {
+      if (value != null)
+        s2.lineHeight = value;
+    });
+    this.redraw();
+    this.emitChange("lineHeight", old, value);
+  }
+  get letterSpacing() {
+    return this._letterSpacing;
+  }
+  set letterSpacing(value) {
+    const old = this._letterSpacing;
+    if (old === value)
+      return;
+    this._letterSpacing = value;
+    this.applyStyleToAll((s2) => {
+      s2.letterSpacing = value;
+    });
+    this.emitChange("letterSpacing", old, value);
+  }
+  get boxWidth() {
+    return this._boxWidth;
+  }
+  set boxWidth(value) {
+    const old = this._boxWidth;
+    if (old === value)
+      return;
+    this._boxWidth = value;
+    this.applyStyleToAll((s2) => {
+      s2.wordWrap = value != null;
+      s2.wordWrapWidth = value ?? 100;
+    });
+    this.emitChange("boxWidth", old, value);
+  }
+  get breakWords() {
+    return this._breakWords;
+  }
+  set breakWords(value) {
+    const old = this._breakWords;
+    if (old === value)
+      return;
+    this._breakWords = value;
+    this.applyStyleToAll((s2) => {
+      s2.breakWords = value;
+    });
+    this.emitChange("breakWords", old, value);
+  }
+  get textTransform() {
+    return this._textTransform;
+  }
+  set textTransform(value) {
+    const old = this._textTransform;
+    if (old === value)
+      return;
+    this._textTransform = value;
+    this.redraw();
+    this.emitChange("textTransform", old, value);
+  }
+  get maxLines() {
+    return this._maxLines;
+  }
+  set maxLines(value) {
+    const old = this._maxLines;
+    if (old === value)
+      return;
+    this._maxLines = value;
+    this.redraw();
+    this.emitChange("maxLines", old, value);
+  }
+  get truncationCharacter() {
+    return this._truncationCharacter;
+  }
+  set truncationCharacter(value) {
+    const old = this._truncationCharacter;
+    if (old === value)
+      return;
+    this._truncationCharacter = value;
+    this.redraw();
+    this.emitChange("truncationCharacter", old, value);
+  }
   get width() {
     if (this._arcPath)
       return this._arcPath.radius * 2;
-    return this.pixiText?.width ?? 0;
+    return this._boxWidth ?? this.pixiText?.width ?? 0;
+  }
+  set width(value) {
+    if (this._arcPath)
+      return;
+    const old = this.width;
+    if (old === value)
+      return;
+    this._boxWidth = value;
+    this.redraw();
+    this.emitChange("width", old, value);
   }
-  set width(_value) {}
   get height() {
     if (this._arcPath)
       return this._arcPath.radius * 2;
-    return this.pixiText?.height ?? 0;
+    return this._boxHeight ?? this.pixiText?.height ?? 0;
+  }
+  set height(value) {
+    if (this._arcPath)
+      return;
+    const old = this.height;
+    if (old === value)
+      return;
+    this._boxHeight = value;
+    this.redraw();
+    this.emitChange("height", old, value);
   }
-  set height(_value) {}
   redraw() {
     if (this._arcPath) {
       this.drawArcText();
@@ -31231,15 +31358,25 @@ class TextElement extends BaseElement {
     }
     this.charSprites = [];
     if (!this.pixiText) {
-      this.pixiText = this.makeText(this._text);
+      this.pixiText = this.makeText(this.displayText(this._text));
       this.container.addChild(this.pixiText);
     } else {
-      this.pixiText.text = this._text;
+      this.pixiText.text = this.displayText(this._text);
       this.pixiText.visible = true;
     }
+    const text = this.pixiText;
+    const bw = this._boxWidth ?? text.width;
+    const bh = this._boxHeight ?? text.height;
+    this.boxProxy.clear();
+    this.boxProxy.rect(0, 0, bw, bh);
+    this.boxProxy.fill({ color: 16777215, alpha: 0 });
+    text.position.y = bh / 2;
+    const tw = text.width;
+    text.position.x = this._align === "left" ? tw / 2 : this._align === "right" ? bw - tw / 2 : bw / 2;
   }
   drawArcText() {
     const arc = this._arcPath;
+    this.boxProxy.clear();
     if (this.pixiText) {
       this.pixiText.visible = false;
     }
@@ -31271,17 +31408,61 @@ class TextElement extends BaseElement {
       angle += halfAngular * Math.sign(span);
     }
   }
+  displayText(value) {
+    const transformed = this.transformText(value);
+    if (!this._maxLines || this._maxLines <= 0)
+      return transformed;
+    const style = this.makeTextStyle();
+    const lines = CanvasTextMetrics.measureText(transformed, style).lines;
+    const maxLines = Math.floor(this._maxLines);
+    if (lines.length <= maxLines)
+      return transformed;
+    const visibleLines = lines.slice(0, maxLines);
+    let lastLine = visibleLines[visibleLines.length - 1]?.replace(/\s+$/, "") ?? "";
+    if (this._boxWidth != null) {
+      while (lastLine && CanvasTextMetrics.measureText(`${lastLine}${this._truncationCharacter}`, style, undefined, false).width > this._boxWidth) {
+        lastLine = lastLine.slice(0, -1);
+      }
+    }
+    visibleLines[visibleLines.length - 1] = `${lastLine}${this._truncationCharacter}`;
+    return visibleLines.join(`
+`);
+  }
+  transformText(value) {
+    if (this._textTransform === "uppercase")
+      return value.toUpperCase();
+    if (this._textTransform === "lowercase")
+      return value.toLowerCase();
+    if (this._textTransform === "capitalize") {
+      return value.replace(/\p{L}[\p{L}\p{M}'’-]*/gu, (word) => {
+        const first = word[0];
+        return first ? first.toUpperCase() + word.slice(1).toLowerCase() : word;
+      });
+    }
+    return value;
+  }
+  makeTextStyle() {
+    const style = new TextStyle({
+      fontFamily: this._fontFamily,
+      fontSize: this._fontSize,
+      fontWeight: this._fontWeight,
+      fill: this._color,
+      align: this._align,
+      letterSpacing: this._letterSpacing,
+      wordWrap: this._boxWidth != null,
+      wordWrapWidth: this._boxWidth ?? 100,
+      breakWords: this._breakWords
+    });
+    if (this._lineHeight != null)
+      style.lineHeight = this._lineHeight;
+    return style;
+  }
   makeText(content) {
+    const style = this.makeTextStyle();
     return new Text({
       text: content,
       anchor: 0.5,
-      style: new TextStyle({
-        fontFamily: this._fontFamily,
-        fontSize: this._fontSize,
-        fontWeight: this._fontWeight,
-        fill: this._color,
-        align: this._align
-      })
+      style
     });
   }
   applyStyleToAll(mutate) {
@@ -31299,6 +31480,13 @@ class TextElement extends BaseElement {
       fontWeight: this._fontWeight,
       align: this._align,
       color: this._color,
+      lineHeight: this._lineHeight,
+      letterSpacing: this._letterSpacing,
+      boxWidth: this._boxWidth,
+      breakWords: this._breakWords,
+      textTransform: this._textTransform,
+      maxLines: this._maxLines,
+      truncationCharacter: this._truncationCharacter,
       arcPath: this._arcPath ?? undefined
     };
   }
@@ -31315,8 +31503,26 @@ class TextElement extends BaseElement {
       this.align = data.align;
     if (data.color !== undefined)
       this.color = data.color;
+    if (data.lineHeight !== undefined)
+      this.lineHeight = data.lineHeight;
+    if (data.letterSpacing !== undefined)
+      this.letterSpacing = data.letterSpacing;
+    if (data.boxWidth !== undefined)
+      this.boxWidth = data.boxWidth;
+    if (data.breakWords !== undefined)
+      this.breakWords = data.breakWords;
+    if (data.textTransform !== undefined)
+      this.textTransform = data.textTransform;
+    if (data.maxLines !== undefined)
+      this.maxLines = data.maxLines;
+    if (data.truncationCharacter !== undefined)
+      this.truncationCharacter = data.truncationCharacter;
     if ("arcPath" in data)
       this.arcPath = data.arcPath ?? null;
+    if (data.width !== undefined)
+      this.width = data.width;
+    if (data.height !== undefined)
+      this.height = data.height;
     this.x = data.x;
     this.y = data.y;
     this.rotation = data.rotation;
@@ -31331,10 +31537,21 @@ class TextElement extends BaseElement {
       fontSize: data.fontSize,
       fontWeight: data.fontWeight,
       align: data.align,
-      color: data.color
+      color: data.color,
+      lineHeight: data.lineHeight,
+      letterSpacing: data.letterSpacing,
+      boxWidth: data.boxWidth,
+      breakWords: data.breakWords,
+      textTransform: data.textTransform,
+      maxLines: data.maxLines,
+      truncationCharacter: data.truncationCharacter
     });
     if (data.arcPath)
       el.arcPath = data.arcPath;
+    if (data.width !== undefined)
+      el.width = data.width;
+    if (data.height !== undefined)
+      el.height = data.height;
     el.rotation = data.rotation;
     el.zIndex = data.zIndex;
     el.visible = data.visible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixi-watchface-engine",
-  "version": "0.1.8",
+  "version": "0.1.11",
   "description": "A PixiJS v8 watchface editor engine with visual editor, plugin system, and intuitive API",
   "author": "Eric Schmar (ericschmar@gmail.com)",
   "type": "module",