modern-text 0.3.6 → 0.3.8

package/dist/index.cjs

@@ -174,12 +174,21 @@ class Character {
   get fontHeight() {
     return this.fontSize * this.computedStyle.lineHeight;
   }
-  _getFontSfnt(font) {
-    const _font = font ?? modernFont.fonts.get(this.computedStyle.fontFamily)?.font;
-    if (_font instanceof modernFont.Woff || _font instanceof modernFont.Ttf) {
-      return _font.sfnt;
+  _getFontSfnt(fonts) {
+    const fontFamily = this.computedStyle.fontFamily;
+    let sfnt;
+    if (fontFamily) {
+      if (!sfnt) {
+        const font = fonts?.[fontFamily];
+        if (font instanceof modernFont.Ttf || font instanceof modernFont.Woff) {
+          sfnt = font.sfnt;
+        }
+      }
+      if (!sfnt) {
+        sfnt = modernFont.fonts.get(fontFamily)?.getSfnt();
+      }
     }
-    return void 0;
+    return sfnt ?? modernFont.fonts.fallbackFont?.getSfnt();
   }
   updateGlyph(sfnt = this._getFontSfnt()) {
     if (!sfnt) {
@@ -206,8 +215,8 @@ class Character {
     this.centerDiviation = advanceHeight / 2 - baseline;
     return this;
   }
-  update(font) {
-    const sfnt = this._getFontSfnt(font);
+  update(fonts) {
+    const sfnt = this._getFontSfnt(fonts);
     if (!sfnt) {
       return this;
     }
@@ -447,6 +456,10 @@ class Paragraph {
   }
 }
 
+function definePlugin(options) {
+  return options;
+}
+
 class Measurer {
   constructor(_text) {
     this._text = _text;
@@ -642,65 +655,6 @@ class Measurer {
   }
 }
 
-class Parser {
-  constructor(_text) {
-    this._text = _text;
-  }
-  parse() {
-    let { content, computedStyle: style } = this._text;
-    const paragraphs = [];
-    if (typeof content === "string") {
-      const paragraph = new Paragraph({}, style);
-      paragraph.addFragment(content);
-      paragraphs.push(paragraph);
-    } else {
-      content = Array.isArray(content) ? content : [content];
-      for (const p of content) {
-        if (typeof p === "string") {
-          const paragraph = new Paragraph({}, style);
-          paragraph.addFragment(p);
-          paragraphs.push(paragraph);
-        } else if (Array.isArray(p)) {
-          const paragraph = new Paragraph({}, style);
-          p.forEach((f) => {
-            if (typeof f === "string") {
-              paragraph.addFragment(f);
-            } else {
-              const { content: content2, ...fStyle } = f;
-              if (content2 !== void 0) {
-                paragraph.addFragment(content2, fStyle);
-              }
-            }
-          });
-          paragraphs.push(paragraph);
-        } else if ("fragments" in p) {
-          const { fragments, ...pStyle } = p;
-          const paragraph = new Paragraph(pStyle, style);
-          fragments.forEach((f) => {
-            const { content: content2, ...fStyle } = f;
-            if (content2 !== void 0) {
-              paragraph.addFragment(content2, fStyle);
-            }
-          });
-          paragraphs.push(paragraph);
-        } else if ("content" in p) {
-          const { content: pData, ...pStyle } = p;
-          if (pData !== void 0) {
-            const paragraph = new Paragraph(pStyle, style);
-            paragraph.addFragment(pData);
-            paragraphs.push(paragraph);
-          }
-        }
-      }
-    }
-    return paragraphs;
-  }
-}
-
-function definePlugin(options) {
-  return options;
-}
-
 const defaultReferImage = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIgdmlld0JveD0iMCAwIDcyIDcyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMyLjQwMjkgMjhIMzUuMTU5NFYzMy4xNzcxQzM1Ljk4MjEgMzIuMzExNSAzNi45NzEgMzEuODczNyAzOC4wOTQ4IDMxLjg3MzdDMzkuNjY3NiAzMS44NzM3IDQwLjkxNjYgMzIuNDI5NSA0MS44MzkgMzMuNTQzN0w0MS44NDAzIDMzLjU0NTNDNDIuNjcxNyAzNC41NzA1IDQzLjA5MTUgMzUuODU1OSA0My4wOTE1IDM3LjM4NzdDNDMuMDkxNSAzOC45NzYxIDQyLjY3MjkgNDAuMzAyOCA0MS44MTgzIDQxLjMzMDRMNDEuODE3MSA0MS4zMzE4QzQwLjg3MzEgNDIuNDQ2MSAzOS41ODMyIDQzIDM3Ljk3MjEgNDNDMzYuNzQ3NyA0MyAzNS43NDg4IDQyLjY1OTkgMzQuOTk1OCA0MS45NjkzVjQyLjcyNDdIMzIuNDAyOVYyOFpNMzcuNTQyOCAzNC4wOTI0QzM2Ljg1NDkgMzQuMDkyNCAzNi4zMDE0IDM0LjM1NjEgMzUuODQ4NyAzNC45MDA0TDM1Ljg0NTIgMzQuOTA0NkMzNS4zMzU4IDM1LjQ4NTMgMzUuMDc3NiAzNi4yOTc2IDM1LjA3NzYgMzcuMzQ4NFYzNy41MDU3QzM1LjA3NzYgMzguNDY0IDM1LjI3NzIgMzkuMjQ0MyAzNS42OTQzIDM5LjgyNzlDMzYuMTQ0MSA0MC40NTg3IDM2Ljc3MjYgNDAuNzgxMyAzNy42MjQ1IDQwLjc4MTNDMzguNTg3NCA0MC43ODEzIDM5LjI3MDcgNDAuNDUyNyAzOS43MTUyIDM5LjgxMjdDNDAuMDcyOCAzOS4yNjg0IDQwLjI3MzcgMzguNDY3MyA0MC4yNzM3IDM3LjM4NzdDNDAuMjczNyAzNi4zMTA1IDQwLjA1MzMgMzUuNTMxMyAzOS42NzgzIDM1LjAwNzdDMzkuMjM3MSAzNC40MDcxIDM4LjUzNDIgMzQuMDkyNCAzNy41NDI4IDM0LjA5MjRaIiBmaWxsPSIjMjIyNTI5Ii8+PHBhdGggZD0iTTQ5Ljg2MTQgMzEuODczN0M0OC4xNTM1IDMxLjg3MzcgNDYuODAxNiAzMi40MjM5IDQ1LjgzNDggMzMuNTM5MkM0NC45MzcgMzQuNTQ3MiA0NC40OTY2IDM1Ljg1NiA0NC40OTY2IDM3LjQyN0M0NC40OTY2IDM5LjAzNjggNDQuOTM2NyA0MC4zNjU5IDQ1Ljg1NTkgNDEuMzk0M0M0Ni44MDMxIDQyLjQ3MDYgNDguMTM0OCA0MyA0OS44MjA1IDQzQzUxLjIyNiA0MyA1Mi4zODI2IDQyLjY1NjMgNTMuMjQ3OSA0MS45Njk3QzU0LjEzNTkgNDEuMjYxNCA1NC43MDYxIDQwLjE4ODcgNTQuOTU3MyAzOC43NzkxTDU1IDM4LjUzOTdINTIuMjQ4NEw1Mi4yMjU5IDM4LjcyMDFDNTIuMTM3OSAzOS40MjUxIDUxLjg5MjUgMzkuOTI3OCA1MS41MTA5IDQwLjI1NThDNTEuMTI5NSA0MC41ODM1IDUwLjU4MzEgNDAuNzYxNiA0OS44NDA5IDQwLjc2MTZDNDkuMDAwMSA0MC43NjE2IDQ4LjM5NDkgNDAuNDcxNSA0Ny45OTA3IDM5LjkyMzdMNDcuOTg3NCAzOS45MTk0QzQ3LjUzNTYgMzkuMzQwMSA0Ny4zMTQ0IDM4LjUwNjIgNDcuMzE0NCAzNy40MDc0QzQ3LjMxNDQgMzYuMzMyMiA0Ny41NTQ0IDM1LjUxNzcgNDguMDA1OCAzNC45NTY4TDQ4LjAwNzggMzQuOTU0M0M0OC40NTM3IDM0LjM4MjUgNDkuMDYxOCAzNC4xMTIxIDQ5Ljg2MTQgMzQuMTEyMUM1MC41MjMgMzQuMTEyMSA1MS4wNDUxIDM0LjI2MTUgNTEuNDI3MiAzNC41NDA3QzUxLjc4ODQgMzQuODE5NCA1Mi4wNTMgMzUuMjQ0NyA1Mi4xODgxIDM1Ljg1NzFMNTIuMjIzOSAzNi4wMTk0SDU0Ljk1NDhMNTQuOTE3IDM1Ljc4MzVDNTQuNzA2MyAzNC40NjYgNTQuMTUzNiAzMy40NzAxIDUzLjI2MzQgMzIuODAxOUw1My4yNjAyIDMyLjc5OTVDNTIuMzk1MSAzMi4xNzU1IDUxLjI2MjEgMzEuODczNyA0OS44NjE0IDMxLjg3MzdaIiBmaWxsPSIjMjIyNTI5Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNS43NTYxIDI4LjI3NTNIMjIuNzQ0TDE3IDQyLjcyNDdIMjAuMDE0MUwyMS4zNDI5IDM5LjIwNDlIMjcuMTU3MkwyOC40ODYgNDIuNzI0N0gzMS41MDAxTDI1Ljc1NjEgMjguMjc1M1pNMjIuMjEyNSAzNi45MDc2TDI0LjI1OTYgMzEuNDUzOUwyNi4yODg1IDM2LjkwNzZIMjIuMjEyNVoiIGZpbGw9IiMyMjI1MjkiLz48L3N2Zz4=";
 function parseCharsPerRepeat(size, fontSize, total) {
   if (size === "cover") {
@@ -1055,7 +1009,7 @@ const defaultTextStyles = {
   // font
   fontSize: 14,
   fontWeight: "normal",
-  fontFamily: "_fallback",
+  fontFamily: "",
   fontStyle: "normal",
   fontKerning: "normal",
   // text
@@ -1106,15 +1060,15 @@ class Text {
     __publicField(this, "glyphBox", new modernPath2d.BoundingBox());
     __publicField(this, "pathBox", new modernPath2d.BoundingBox());
     __publicField(this, "boundingBox", new modernPath2d.BoundingBox());
-    __publicField(this, "parser", new Parser(this));
     __publicField(this, "measurer", new Measurer(this));
     __publicField(this, "plugins", /* @__PURE__ */ new Map());
-    __publicField(this, "font");
-    const { content = "", style = {}, measureDom, effects } = options;
+    __publicField(this, "fonts");
+    const { content = "", style = {}, measureDom, effects, fonts } = options;
     this.content = content;
     this.style = style;
     this.measureDom = measureDom;
     this.effects = effects;
+    this.fonts = fonts;
     this.use(render()).use(highlight()).use(listStyle());
   }
   get fontSize() {
@@ -1130,6 +1084,56 @@ class Text {
     this.plugins.set(plugin.name, plugin);
     return this;
   }
+  updateParagraphs() {
+    let { content, computedStyle: style } = this;
+    const paragraphs = [];
+    if (typeof content === "string") {
+      const paragraph = new Paragraph({}, style);
+      paragraph.addFragment(content);
+      paragraphs.push(paragraph);
+    } else {
+      content = Array.isArray(content) ? content : [content];
+      for (const p of content) {
+        if (typeof p === "string") {
+          const paragraph = new Paragraph({}, style);
+          paragraph.addFragment(p);
+          paragraphs.push(paragraph);
+        } else if (Array.isArray(p)) {
+          const paragraph = new Paragraph({}, style);
+          p.forEach((f) => {
+            if (typeof f === "string") {
+              paragraph.addFragment(f);
+            } else {
+              const { content: content2, ...fStyle } = f;
+              if (content2 !== void 0) {
+                paragraph.addFragment(content2, fStyle);
+              }
+            }
+          });
+          paragraphs.push(paragraph);
+        } else if ("fragments" in p) {
+          const { fragments, ...pStyle } = p;
+          const paragraph = new Paragraph(pStyle, style);
+          fragments.forEach((f) => {
+            const { content: content2, ...fStyle } = f;
+            if (content2 !== void 0) {
+              paragraph.addFragment(content2, fStyle);
+            }
+          });
+          paragraphs.push(paragraph);
+        } else if ("content" in p) {
+          const { content: pData, ...pStyle } = p;
+          if (pData !== void 0) {
+            const paragraph = new Paragraph(pStyle, style);
+            paragraph.addFragment(pData);
+            paragraphs.push(paragraph);
+          }
+        }
+      }
+    }
+    this.paragraphs = paragraphs;
+    return this;
+  }
   measure(dom = this.measureDom) {
     this.computedStyle = { ...defaultTextStyles, ...this.style };
     const old = {
@@ -1140,12 +1144,12 @@ class Text {
       pathBox: this.pathBox,
       boundingBox: this.boundingBox
     };
-    this.paragraphs = this.parser.parse();
+    this.updateParagraphs();
     const result = this.measurer.measure(dom);
     this.paragraphs = result.paragraphs;
     this.lineBox = result.boundingBox;
     this.characters.forEach((c) => {
-      c.update(this.font);
+      c.update(this.fonts);
     });
     this.rawGlyphBox = this.getGlyphBox();
     const plugins = [...this.plugins.values()];
@@ -1255,7 +1259,6 @@ exports.Character = Character;
 exports.Fragment = Fragment;
 exports.Measurer = Measurer;
 exports.Paragraph = Paragraph;
-exports.Parser = Parser;
 exports.Text = Text;
 exports.defaultTextStyles = defaultTextStyles;
 exports.definePlugin = definePlugin;

package/dist/index.d.cts

@@ -3,100 +3,6 @@ export * from 'modern-path2d';
 import { Font, Sfnt, GlyphPathCommand } from 'modern-font';
 export * from 'modern-font';
 
-type Sizeable = `${number}%` | `${number}rem` | number;
-type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
-type TextOrientation = 'mixed' | 'upright' | 'sideways-right' | 'sideways';
-type FontWeight = 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-type FontStyle = 'normal' | 'italic' | 'oblique' | `oblique ${string}`;
-type FontKerning = 'none' | 'auto' | 'normal';
-type TextWrap = 'wrap' | 'nowrap';
-type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
-type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
-type TextTransform = 'none' | 'uppercase' | 'lowercase';
-type TextDecoration = 'none' | 'underline' | 'line-through';
-type ListStyleType = 'none' | 'disc';
-type ListStyleImage = 'none' | string;
-type ListStyleSize = 'cover' | Sizeable;
-type ListStylePosition = 'inside' | 'outside';
-type HighlightImage = 'none' | string;
-type HighlightSize = 'cover' | Sizeable;
-type HighlightStrokeWidth = Sizeable;
-type HighlightOverflow = 'none' | 'visible' | 'hidden';
-interface TextLineStyle {
-    writingMode: WritingMode;
-    textWrap: TextWrap;
-    textAlign: TextAlign;
-    textIndent: number;
-    lineHeight: number;
-    listStyleType: ListStyleType;
-    listStyleImage: ListStyleImage;
-    listStyleSize: ListStyleSize;
-    listStylePosition: ListStylePosition;
-}
-interface TextInlineStyle {
-    verticalAlign: VerticalAlign;
-    letterSpacing: number;
-    fontSize: number;
-    fontWeight: FontWeight;
-    fontFamily: string;
-    fontStyle: FontStyle;
-    fontKerning?: FontKerning;
-    textTransform: TextTransform;
-    textOrientation: TextOrientation;
-    textDecoration: TextDecoration;
-    highlightReferImage: HighlightImage;
-    highlightImage: HighlightImage;
-    highlightSize: HighlightSize;
-    highlightStrokeWidth: HighlightStrokeWidth;
-    highlightOverflow: HighlightOverflow;
-}
-interface TextDrawStyle {
-    color: string | CanvasGradient | CanvasPattern;
-    backgroundColor: string | CanvasGradient | CanvasPattern;
-    textStrokeWidth: number;
-    textStrokeColor: string | CanvasGradient | CanvasPattern;
-    shadowColor: string;
-    shadowOffsetX: number;
-    shadowOffsetY: number;
-    shadowBlur: number;
-    translateX: number;
-    translateY: number;
-    skewX: number;
-    skewY: number;
-}
-interface TextStyle extends TextLineStyle, TextInlineStyle, TextDrawStyle {
-}
-interface FragmentContent extends Partial<TextStyle> {
-    content: string;
-}
-interface ParagraphContent extends Partial<TextStyle> {
-    fragments: FragmentContent[];
-}
-type TextContent = string | FragmentContent | ParagraphContent | (string | FragmentContent | ParagraphContent | (string | FragmentContent)[])[];
-
-declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
-declare function uploadColor(style: Partial<TextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
-interface LinearGradient {
-    x0: number;
-    y0: number;
-    x1: number;
-    y1: number;
-    stops: {
-        offset: number;
-        color: string;
-    }[];
-}
-
-interface DrawShapePathsOptions extends Partial<TextStyle> {
-    ctx: CanvasRenderingContext2D;
-    path: Path2D;
-    fontSize: number;
-    clipRect?: BoundingBox;
-}
-declare function drawPath(options: DrawShapePathsOptions): void;
-
-declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
-
 declare class Fragment {
     content: string;
     style: Partial<TextStyle>;
@@ -130,9 +36,9 @@ declare class Character {
     get fontSize(): number;
     get fontHeight(): number;
     constructor(content: string, index: number, parent: Fragment);
-    protected _getFontSfnt(font?: Font): Sfnt | undefined;
+    protected _getFontSfnt(fonts?: Record<string, Font>): Sfnt | undefined;
     updateGlyph(sfnt?: Sfnt | undefined): this;
-    update(font?: Font): this;
+    update(fonts?: Record<string, Font>): this;
     protected _decoration(): GlyphPathCommand[];
     protected _italic(path: Path2D, startPoint?: VectorLike): void;
     getGlyphMinMax(min?: Vector2, max?: Vector2, withStyle?: boolean): {
@@ -154,18 +60,6 @@ declare class Paragraph {
     addFragment(content: string, style?: Partial<TextStyle>): Fragment;
 }
 
-type PromiseLike<T> = T | Promise<T>;
-interface Plugin {
-    name: string;
-    paths?: Path2D[];
-    getBoundingBox?: (text: Text) => BoundingBox | undefined;
-    updateOrder?: number;
-    update?: (text: Text) => PromiseLike<void>;
-    renderOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text) => PromiseLike<void>;
-}
-declare function definePlugin(options: Plugin): Plugin;
-
 interface MeasuredParagraph {
     paragraphIndex: number;
     left: number;
@@ -225,12 +119,6 @@ declare class Measurer {
     measure(dom?: HTMLElement): MeasureDomResult;
 }
 
-declare class Parser {
-    protected _text: Text;
-    constructor(_text: Text);
-    parse(): Paragraph[];
-}
-
 interface TextRenderOptions {
     view: HTMLCanvasElement;
     pixelRatio?: number;
@@ -240,6 +128,7 @@ interface TextOptions {
     style?: Partial<TextStyle>;
     measureDom?: HTMLElement;
     effects?: Partial<TextStyle>[];
+    fonts?: Record<string, Font>;
 }
 interface MeasureResult {
     paragraphs: Paragraph[];
@@ -263,15 +152,15 @@ declare class Text {
     glyphBox: BoundingBox;
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
-    parser: Parser;
     measurer: Measurer;
-    plugins: Map<string, Plugin>;
-    font?: Font;
+    plugins: Map<string, TextPlugin>;
+    fonts?: Record<string, Font>;
     get fontSize(): number;
     get isVertical(): boolean;
     get characters(): Character[];
     constructor(options?: TextOptions);
-    use(plugin: Plugin): this;
+    use(plugin: TextPlugin): this;
+    updateParagraphs(): this;
     measure(dom?: HTMLElement | undefined): MeasureResult;
     getGlyphBox(): BoundingBox;
     updatePathBox(): this;
@@ -281,15 +170,121 @@ declare class Text {
     render(options: TextRenderOptions): this;
 }
 
+type Sizeable = `${number}%` | `${number}rem` | number;
+type WritingMode = 'horizontal-tb' | 'vertical-lr' | 'vertical-rl';
+type TextOrientation = 'mixed' | 'upright' | 'sideways-right' | 'sideways';
+type FontWeight = 'normal' | 'bold' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type FontStyle = 'normal' | 'italic' | 'oblique' | `oblique ${string}`;
+type FontKerning = 'none' | 'auto' | 'normal';
+type TextWrap = 'wrap' | 'nowrap';
+type TextAlign = 'center' | 'end' | 'left' | 'right' | 'start';
+type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'super' | 'text-top' | 'text-bottom';
+type TextTransform = 'none' | 'uppercase' | 'lowercase';
+type TextDecoration = 'none' | 'underline' | 'line-through';
+type ListStyleType = 'none' | 'disc';
+type ListStyleImage = 'none' | string;
+type ListStyleSize = 'cover' | Sizeable;
+type ListStylePosition = 'inside' | 'outside';
+type HighlightImage = 'none' | string;
+type HighlightSize = 'cover' | Sizeable;
+type HighlightStrokeWidth = Sizeable;
+type HighlightOverflow = 'none' | 'visible' | 'hidden';
+interface TextLineStyle {
+    writingMode: WritingMode;
+    textWrap: TextWrap;
+    textAlign: TextAlign;
+    textIndent: number;
+    lineHeight: number;
+    listStyleType: ListStyleType;
+    listStyleImage: ListStyleImage;
+    listStyleSize: ListStyleSize;
+    listStylePosition: ListStylePosition;
+}
+interface TextInlineStyle {
+    verticalAlign: VerticalAlign;
+    letterSpacing: number;
+    fontSize: number;
+    fontWeight: FontWeight;
+    fontFamily: string;
+    fontStyle: FontStyle;
+    fontKerning?: FontKerning;
+    textTransform: TextTransform;
+    textOrientation: TextOrientation;
+    textDecoration: TextDecoration;
+    highlightReferImage: HighlightImage;
+    highlightImage: HighlightImage;
+    highlightSize: HighlightSize;
+    highlightStrokeWidth: HighlightStrokeWidth;
+    highlightOverflow: HighlightOverflow;
+}
+interface TextDrawStyle {
+    color: string | CanvasGradient | CanvasPattern;
+    backgroundColor: string | CanvasGradient | CanvasPattern;
+    textStrokeWidth: number;
+    textStrokeColor: string | CanvasGradient | CanvasPattern;
+    shadowColor: string;
+    shadowOffsetX: number;
+    shadowOffsetY: number;
+    shadowBlur: number;
+    translateX: number;
+    translateY: number;
+    skewX: number;
+    skewY: number;
+}
+interface TextStyle extends TextLineStyle, TextInlineStyle, TextDrawStyle {
+}
+interface FragmentContent extends Partial<TextStyle> {
+    content: string;
+}
+interface ParagraphContent extends Partial<TextStyle> {
+    fragments: FragmentContent[];
+}
+type TextContent = string | FragmentContent | ParagraphContent | (string | FragmentContent | ParagraphContent | (string | FragmentContent)[])[];
+type PromiseLike<T> = T | Promise<T>;
+interface TextPlugin {
+    name: string;
+    paths?: Path2D[];
+    getBoundingBox?: (text: Text) => BoundingBox | undefined;
+    updateOrder?: number;
+    update?: (text: Text) => PromiseLike<void>;
+    renderOrder?: number;
+    render?: (ctx: CanvasRenderingContext2D, text: Text) => PromiseLike<void>;
+}
+
+declare function parseColor(ctx: CanvasRenderingContext2D, source: string | CanvasGradient | CanvasPattern, box: BoundingBox): string | CanvasGradient | CanvasPattern;
+declare function uploadColor(style: Partial<TextStyle>, box: BoundingBox, ctx: CanvasRenderingContext2D): void;
+interface LinearGradient {
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    stops: {
+        offset: number;
+        color: string;
+    }[];
+}
+
+interface DrawShapePathsOptions extends Partial<TextStyle> {
+    ctx: CanvasRenderingContext2D;
+    path: Path2D;
+    fontSize: number;
+    clipRect?: BoundingBox;
+}
+declare function drawPath(options: DrawShapePathsOptions): void;
+
+declare function setupView(ctx: CanvasRenderingContext2D, pixelRatio: number, boundingBox: BoundingBox): void;
+
 declare function uploadColors(ctx: CanvasRenderingContext2D, text: Text): void;
 
+declare function definePlugin(options: TextPlugin): TextPlugin;
+
 declare function measureText(options: TextOptions): MeasureResult;
 
-declare function highlight(): Plugin;
+declare function highlight(): TextPlugin;
 
-declare function listStyle(): Plugin;
+declare function listStyle(): TextPlugin;
 
-declare function render(): Plugin;
+declare function render(): TextPlugin;
 declare function getTransform2D(text: Text, style: Partial<TextStyle>): Matrix3;
 
 declare function renderText(options: TextOptions & TextRenderOptions): Text;
@@ -297,4 +292,4 @@ declare function renderText(options: TextOptions & TextRenderOptions): Text;
 declare function isNone(val: string | undefined): boolean;
 declare function filterEmpty(val: Record<string, any> | undefined): Record<string, any> | undefined;
 
-export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightImage, type HighlightOverflow, type HighlightSize, type HighlightStrokeWidth, type LinearGradient, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, Parser, type Plugin, type Sizeable, Text, type TextAlign, type TextContent, type TextDecoration, type TextDrawStyle, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, highlight, isNone, listStyle, measureText, parseColor, render, renderText, setupView, uploadColor, uploadColors };
+export { Character, type DrawShapePathsOptions, type FontKerning, type FontStyle, type FontWeight, Fragment, type FragmentContent, type HighlightImage, type HighlightOverflow, type HighlightSize, type HighlightStrokeWidth, type LinearGradient, type ListStyleImage, type ListStylePosition, type ListStyleSize, type ListStyleType, type MeasureDomResult, type MeasureResult, type MeasuredCharacter, type MeasuredFragment, type MeasuredParagraph, Measurer, Paragraph, type ParagraphContent, type Sizeable, Text, type TextAlign, type TextContent, type TextDecoration, type TextDrawStyle, type TextInlineStyle, type TextLineStyle, type TextOptions, type TextOrientation, type TextPlugin, type TextRenderOptions, type TextStyle, type TextTransform, type TextWrap, type VerticalAlign, type WritingMode, defaultTextStyles, definePlugin, drawPath, filterEmpty, getTransform2D, highlight, isNone, listStyle, measureText, parseColor, render, renderText, setupView, uploadColor, uploadColors };