modern-text 1.9.1 → 1.10.0

package/dist/shared/{modern-text.WbWB6f3d.d.ts → modern-text.D_VtaVfs.d.cts}

@@ -1,6 +1,6 @@
-import { Fonts, SFNT } from 'modern-font';
 import { NormalizedStyle, NormalizedFill, NormalizedOutline, FullStyle, TextObject, ReactivableEvents, Reactivable, NormalizedText } from 'modern-idoc';
-import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet } from 'modern-path2d';
+import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet, Path2DDrawStyle } from 'modern-path2d';
+import { Fonts, SFNT } from 'modern-font';
 
 declare class Fragment {
     content: string;
@@ -64,39 +64,23 @@ declare class Character {
         max: Vector2;
     } | undefined;
     getGlyphBoundingBox(withStyle?: boolean): BoundingBox | undefined;
-    drawTo(ctx: CanvasRenderingContext2D, config?: NormalizedStyle): void;
-}
-
-declare class Paragraph {
-    style: NormalizedStyle;
-    index: number;
-    parent: Text$1;
-    lineBox: BoundingBox;
-    fragments: Fragment[];
-    fill?: NormalizedFill;
-    outline?: NormalizedOutline;
-    computedStyle: FullStyle;
-    get computedFill(): NormalizedFill | undefined;
-    get computedOutline(): NormalizedOutline | undefined;
-    constructor(style: NormalizedStyle, index: number, parent: Text$1);
-    updateComputedStyle(): this;
 }
 
-interface TextPlugin {
+interface Plugin {
     name: string;
     pathSet?: Path2DSet;
     getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
     update?: (text: Text$1) => void;
     updateOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
+    render?: (renderer: Canvas2DRenderer) => void;
     renderOrder?: number;
     load?: (text: Text$1) => Promise<void>;
 }
-interface TextOptions extends TextObject {
+interface Options extends TextObject {
     debug?: boolean;
     measureDom?: HTMLElement;
     fonts?: Fonts;
-    plugins?: TextPlugin[];
+    plugins?: Plugin[];
 }
 
 interface MeasuredParagraph {
@@ -162,7 +146,7 @@ declare class Measurer {
     measure(paragraphs: Paragraph[], rootStyle: FullStyle, dom?: HTMLElement): MeasureDomResult;
 }
 
-interface TextRenderOptions {
+interface RenderOptions {
     view: HTMLCanvasElement;
     pixelRatio?: number;
     onContext?: (context: CanvasRenderingContext2D) => void;
@@ -207,6 +191,7 @@ declare class Text$1 extends Reactivable {
     fonts?: Fonts;
     needsUpdate: boolean;
     computedStyle: FullStyle;
+    computedEffects: NormalizedStyle[];
     paragraphs: Paragraph[];
     lineBox: BoundingBox;
     rawGlyphBox: BoundingBox;
@@ -214,31 +199,65 @@ declare class Text$1 extends Reactivable {
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
     measurer: Measurer;
-    plugins: Map<string, TextPlugin>;
+    plugins: Map<string, Plugin>;
     pathSets: Path2DSet[];
     get fontSize(): number;
     get isVertical(): boolean;
     get characters(): Character[];
-    constructor(options?: TextOptions);
-    set(options?: TextOptions): void;
-    use(plugin: TextPlugin): this;
+    constructor(options?: Options);
+    set(options?: Options): void;
+    use(plugin: Plugin): this;
     forEachCharacter(handle: (character: Character, ctx: {
         paragraphIndex: number;
         fragmentIndex: number;
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
-    updateParagraphs(): this;
+    protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;
     getGlyphBox(): BoundingBox;
-    updatePathBox(): this;
-    updateBoundingBox(): this;
+    protected _updatePathBox(): this;
+    protected _updateBoundingBox(): this;
     requestUpdate(): this;
     update(dom?: HTMLElement | undefined): this;
-    render(options: TextRenderOptions): void;
+    render(options: RenderOptions): void;
     toString(): string;
 }
 
-export { Character as C, Fragment as F, Paragraph as P, Text$1 as T, Measurer as h, textDefaultStyle as t };
-export type { MeasureResult as M, TextPlugin as a, TextOptions as b, TextRenderOptions as c, MeasuredParagraph as d, MeasuredFragment as e, MeasuredCharacter as f, MeasureDomResult as g, TextEvents as i };
+declare class Paragraph {
+    style: NormalizedStyle;
+    index: number;
+    parent: Text$1;
+    lineBox: BoundingBox;
+    fragments: Fragment[];
+    fill?: NormalizedFill;
+    outline?: NormalizedOutline;
+    computedStyle: FullStyle;
+    get computedFill(): NormalizedFill | undefined;
+    get computedOutline(): NormalizedOutline | undefined;
+    constructor(style: NormalizedStyle, index: number, parent: Text$1);
+    updateComputedStyle(): this;
+}
+
+interface DrawShapePathsOptions extends NormalizedStyle, Omit<Partial<Path2DDrawStyle>, 'fill' | 'outline'> {
+    fontSize?: number;
+    clipRect?: BoundingBox;
+}
+declare class Canvas2DRenderer {
+    text: Text$1;
+    context: CanvasRenderingContext2D;
+    pixelRatio: number;
+    constructor(text: Text$1, context: CanvasRenderingContext2D);
+    protected _setupView: () => void;
+    protected _setupColors: () => void;
+    setup: () => this;
+    protected _parseColor: (source: string | CanvasGradient | CanvasPattern, box: BoundingBox) => string | CanvasGradient | CanvasPattern;
+    protected _uploadedStyles: string[];
+    uploadColor: (style: NormalizedStyle, box: BoundingBox) => void;
+    drawPath: (path: Path2D, options?: DrawShapePathsOptions) => void;
+    drawCharacter: (character: Character, userStyle?: NormalizedStyle) => void;
+}
+
+export { Canvas2DRenderer as C, Fragment as F, Text$1 as T, Character as a, Paragraph as b, Measurer as g, textDefaultStyle as t };
+export type { DrawShapePathsOptions as D, MeasureResult as M, Options as O, Plugin as P, RenderOptions as R, MeasuredParagraph as c, MeasuredFragment as d, MeasuredCharacter as e, MeasureDomResult as f, TextEvents as h };

package/dist/shared/{modern-text.WbWB6f3d.d.cts → modern-text.D_VtaVfs.d.mts}

@@ -1,6 +1,6 @@
-import { Fonts, SFNT } from 'modern-font';
 import { NormalizedStyle, NormalizedFill, NormalizedOutline, FullStyle, TextObject, ReactivableEvents, Reactivable, NormalizedText } from 'modern-idoc';
-import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet } from 'modern-path2d';
+import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet, Path2DDrawStyle } from 'modern-path2d';
+import { Fonts, SFNT } from 'modern-font';
 
 declare class Fragment {
     content: string;
@@ -64,39 +64,23 @@ declare class Character {
         max: Vector2;
     } | undefined;
     getGlyphBoundingBox(withStyle?: boolean): BoundingBox | undefined;
-    drawTo(ctx: CanvasRenderingContext2D, config?: NormalizedStyle): void;
-}
-
-declare class Paragraph {
-    style: NormalizedStyle;
-    index: number;
-    parent: Text$1;
-    lineBox: BoundingBox;
-    fragments: Fragment[];
-    fill?: NormalizedFill;
-    outline?: NormalizedOutline;
-    computedStyle: FullStyle;
-    get computedFill(): NormalizedFill | undefined;
-    get computedOutline(): NormalizedOutline | undefined;
-    constructor(style: NormalizedStyle, index: number, parent: Text$1);
-    updateComputedStyle(): this;
 }
 
-interface TextPlugin {
+interface Plugin {
     name: string;
     pathSet?: Path2DSet;
     getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
     update?: (text: Text$1) => void;
     updateOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
+    render?: (renderer: Canvas2DRenderer) => void;
     renderOrder?: number;
     load?: (text: Text$1) => Promise<void>;
 }
-interface TextOptions extends TextObject {
+interface Options extends TextObject {
     debug?: boolean;
     measureDom?: HTMLElement;
     fonts?: Fonts;
-    plugins?: TextPlugin[];
+    plugins?: Plugin[];
 }
 
 interface MeasuredParagraph {
@@ -162,7 +146,7 @@ declare class Measurer {
     measure(paragraphs: Paragraph[], rootStyle: FullStyle, dom?: HTMLElement): MeasureDomResult;
 }
 
-interface TextRenderOptions {
+interface RenderOptions {
     view: HTMLCanvasElement;
     pixelRatio?: number;
     onContext?: (context: CanvasRenderingContext2D) => void;
@@ -207,6 +191,7 @@ declare class Text$1 extends Reactivable {
     fonts?: Fonts;
     needsUpdate: boolean;
     computedStyle: FullStyle;
+    computedEffects: NormalizedStyle[];
     paragraphs: Paragraph[];
     lineBox: BoundingBox;
     rawGlyphBox: BoundingBox;
@@ -214,31 +199,65 @@ declare class Text$1 extends Reactivable {
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
     measurer: Measurer;
-    plugins: Map<string, TextPlugin>;
+    plugins: Map<string, Plugin>;
     pathSets: Path2DSet[];
     get fontSize(): number;
     get isVertical(): boolean;
     get characters(): Character[];
-    constructor(options?: TextOptions);
-    set(options?: TextOptions): void;
-    use(plugin: TextPlugin): this;
+    constructor(options?: Options);
+    set(options?: Options): void;
+    use(plugin: Plugin): this;
     forEachCharacter(handle: (character: Character, ctx: {
         paragraphIndex: number;
         fragmentIndex: number;
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
-    updateParagraphs(): this;
+    protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;
     getGlyphBox(): BoundingBox;
-    updatePathBox(): this;
-    updateBoundingBox(): this;
+    protected _updatePathBox(): this;
+    protected _updateBoundingBox(): this;
     requestUpdate(): this;
     update(dom?: HTMLElement | undefined): this;
-    render(options: TextRenderOptions): void;
+    render(options: RenderOptions): void;
     toString(): string;
 }
 
-export { Character as C, Fragment as F, Paragraph as P, Text$1 as T, Measurer as h, textDefaultStyle as t };
-export type { MeasureResult as M, TextPlugin as a, TextOptions as b, TextRenderOptions as c, MeasuredParagraph as d, MeasuredFragment as e, MeasuredCharacter as f, MeasureDomResult as g, TextEvents as i };
+declare class Paragraph {
+    style: NormalizedStyle;
+    index: number;
+    parent: Text$1;
+    lineBox: BoundingBox;
+    fragments: Fragment[];
+    fill?: NormalizedFill;
+    outline?: NormalizedOutline;
+    computedStyle: FullStyle;
+    get computedFill(): NormalizedFill | undefined;
+    get computedOutline(): NormalizedOutline | undefined;
+    constructor(style: NormalizedStyle, index: number, parent: Text$1);
+    updateComputedStyle(): this;
+}
+
+interface DrawShapePathsOptions extends NormalizedStyle, Omit<Partial<Path2DDrawStyle>, 'fill' | 'outline'> {
+    fontSize?: number;
+    clipRect?: BoundingBox;
+}
+declare class Canvas2DRenderer {
+    text: Text$1;
+    context: CanvasRenderingContext2D;
+    pixelRatio: number;
+    constructor(text: Text$1, context: CanvasRenderingContext2D);
+    protected _setupView: () => void;
+    protected _setupColors: () => void;
+    setup: () => this;
+    protected _parseColor: (source: string | CanvasGradient | CanvasPattern, box: BoundingBox) => string | CanvasGradient | CanvasPattern;
+    protected _uploadedStyles: string[];
+    uploadColor: (style: NormalizedStyle, box: BoundingBox) => void;
+    drawPath: (path: Path2D, options?: DrawShapePathsOptions) => void;
+    drawCharacter: (character: Character, userStyle?: NormalizedStyle) => void;
+}
+
+export { Canvas2DRenderer as C, Fragment as F, Text$1 as T, Character as a, Paragraph as b, Measurer as g, textDefaultStyle as t };
+export type { DrawShapePathsOptions as D, MeasureResult as M, Options as O, Plugin as P, RenderOptions as R, MeasuredParagraph as c, MeasuredFragment as d, MeasuredCharacter as e, MeasureDomResult as f, TextEvents as h };

package/dist/shared/{modern-text.WbWB6f3d.d.mts → modern-text.D_VtaVfs.d.ts}

@@ -1,6 +1,6 @@
-import { Fonts, SFNT } from 'modern-font';
 import { NormalizedStyle, NormalizedFill, NormalizedOutline, FullStyle, TextObject, ReactivableEvents, Reactivable, NormalizedText } from 'modern-idoc';
-import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet } from 'modern-path2d';
+import { BoundingBox, Path2D, Vector2, VectorLike, Path2DSet, Path2DDrawStyle } from 'modern-path2d';
+import { Fonts, SFNT } from 'modern-font';
 
 declare class Fragment {
     content: string;
@@ -64,39 +64,23 @@ declare class Character {
         max: Vector2;
     } | undefined;
     getGlyphBoundingBox(withStyle?: boolean): BoundingBox | undefined;
-    drawTo(ctx: CanvasRenderingContext2D, config?: NormalizedStyle): void;
-}
-
-declare class Paragraph {
-    style: NormalizedStyle;
-    index: number;
-    parent: Text$1;
-    lineBox: BoundingBox;
-    fragments: Fragment[];
-    fill?: NormalizedFill;
-    outline?: NormalizedOutline;
-    computedStyle: FullStyle;
-    get computedFill(): NormalizedFill | undefined;
-    get computedOutline(): NormalizedOutline | undefined;
-    constructor(style: NormalizedStyle, index: number, parent: Text$1);
-    updateComputedStyle(): this;
 }
 
-interface TextPlugin {
+interface Plugin {
     name: string;
     pathSet?: Path2DSet;
     getBoundingBox?: (text: Text$1) => BoundingBox | undefined;
     update?: (text: Text$1) => void;
     updateOrder?: number;
-    render?: (ctx: CanvasRenderingContext2D, text: Text$1) => void;
+    render?: (renderer: Canvas2DRenderer) => void;
     renderOrder?: number;
     load?: (text: Text$1) => Promise<void>;
 }
-interface TextOptions extends TextObject {
+interface Options extends TextObject {
     debug?: boolean;
     measureDom?: HTMLElement;
     fonts?: Fonts;
-    plugins?: TextPlugin[];
+    plugins?: Plugin[];
 }
 
 interface MeasuredParagraph {
@@ -162,7 +146,7 @@ declare class Measurer {
     measure(paragraphs: Paragraph[], rootStyle: FullStyle, dom?: HTMLElement): MeasureDomResult;
 }
 
-interface TextRenderOptions {
+interface RenderOptions {
     view: HTMLCanvasElement;
     pixelRatio?: number;
     onContext?: (context: CanvasRenderingContext2D) => void;
@@ -207,6 +191,7 @@ declare class Text$1 extends Reactivable {
     fonts?: Fonts;
     needsUpdate: boolean;
     computedStyle: FullStyle;
+    computedEffects: NormalizedStyle[];
     paragraphs: Paragraph[];
     lineBox: BoundingBox;
     rawGlyphBox: BoundingBox;
@@ -214,31 +199,65 @@ declare class Text$1 extends Reactivable {
     pathBox: BoundingBox;
     boundingBox: BoundingBox;
     measurer: Measurer;
-    plugins: Map<string, TextPlugin>;
+    plugins: Map<string, Plugin>;
     pathSets: Path2DSet[];
     get fontSize(): number;
     get isVertical(): boolean;
     get characters(): Character[];
-    constructor(options?: TextOptions);
-    set(options?: TextOptions): void;
-    use(plugin: TextPlugin): this;
+    constructor(options?: Options);
+    set(options?: Options): void;
+    use(plugin: Plugin): this;
     forEachCharacter(handle: (character: Character, ctx: {
         paragraphIndex: number;
         fragmentIndex: number;
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
-    updateParagraphs(): this;
+    protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;
     getGlyphBox(): BoundingBox;
-    updatePathBox(): this;
-    updateBoundingBox(): this;
+    protected _updatePathBox(): this;
+    protected _updateBoundingBox(): this;
     requestUpdate(): this;
     update(dom?: HTMLElement | undefined): this;
-    render(options: TextRenderOptions): void;
+    render(options: RenderOptions): void;
     toString(): string;
 }
 
-export { Character as C, Fragment as F, Paragraph as P, Text$1 as T, Measurer as h, textDefaultStyle as t };
-export type { MeasureResult as M, TextPlugin as a, TextOptions as b, TextRenderOptions as c, MeasuredParagraph as d, MeasuredFragment as e, MeasuredCharacter as f, MeasureDomResult as g, TextEvents as i };
+declare class Paragraph {
+    style: NormalizedStyle;
+    index: number;
+    parent: Text$1;
+    lineBox: BoundingBox;
+    fragments: Fragment[];
+    fill?: NormalizedFill;
+    outline?: NormalizedOutline;
+    computedStyle: FullStyle;
+    get computedFill(): NormalizedFill | undefined;
+    get computedOutline(): NormalizedOutline | undefined;
+    constructor(style: NormalizedStyle, index: number, parent: Text$1);
+    updateComputedStyle(): this;
+}
+
+interface DrawShapePathsOptions extends NormalizedStyle, Omit<Partial<Path2DDrawStyle>, 'fill' | 'outline'> {
+    fontSize?: number;
+    clipRect?: BoundingBox;
+}
+declare class Canvas2DRenderer {
+    text: Text$1;
+    context: CanvasRenderingContext2D;
+    pixelRatio: number;
+    constructor(text: Text$1, context: CanvasRenderingContext2D);
+    protected _setupView: () => void;
+    protected _setupColors: () => void;
+    setup: () => this;
+    protected _parseColor: (source: string | CanvasGradient | CanvasPattern, box: BoundingBox) => string | CanvasGradient | CanvasPattern;
+    protected _uploadedStyles: string[];
+    uploadColor: (style: NormalizedStyle, box: BoundingBox) => void;
+    drawPath: (path: Path2D, options?: DrawShapePathsOptions) => void;
+    drawCharacter: (character: Character, userStyle?: NormalizedStyle) => void;
+}
+
+export { Canvas2DRenderer as C, Fragment as F, Text$1 as T, Character as a, Paragraph as b, Measurer as g, textDefaultStyle as t };
+export type { DrawShapePathsOptions as D, MeasureResult as M, Options as O, Plugin as P, RenderOptions as R, MeasuredParagraph as c, MeasuredFragment as d, MeasuredCharacter as e, MeasureDomResult as f, TextEvents as h };

package/dist/web-components/index.cjs

@@ -2,7 +2,7 @@
 
 const diff = require('diff');
 const modernIdoc = require('modern-idoc');
-const Text = require('../shared/modern-text.BmTeQ51D.cjs');
+const Text = require('../shared/modern-text.BUyl2x8m.cjs');
 require('modern-path2d');
 require('modern-font');
 

package/dist/web-components/index.d.cts

@@ -1,7 +1,7 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.WbWB6f3d.cjs';
-import 'modern-font';
+import { T as Text } from '../shared/modern-text.D_VtaVfs.cjs';
 import 'modern-path2d';
+import 'modern-font';
 
 interface IndexCharacter {
     paragraphIndex: number;

package/dist/web-components/index.d.mts

@@ -1,7 +1,7 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.WbWB6f3d.mjs';
-import 'modern-font';
+import { T as Text } from '../shared/modern-text.D_VtaVfs.mjs';
 import 'modern-path2d';
+import 'modern-font';
 
 interface IndexCharacter {
     paragraphIndex: number;

package/dist/web-components/index.d.ts

@@ -1,7 +1,7 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.WbWB6f3d.js';
-import 'modern-font';
+import { T as Text } from '../shared/modern-text.D_VtaVfs.js';
 import 'modern-path2d';
+import 'modern-font';
 
 interface IndexCharacter {
     paragraphIndex: number;

package/dist/web-components/index.mjs

@@ -1,6 +1,6 @@
 import { diffChars } from 'diff';
 import { isCRLF, textContentToString, normalizeCRLF, normalizeTextContent, property } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.B2pcGP3X.mjs';
+import { T as Text } from '../shared/modern-text.BD1kUWDw.mjs';
 import 'modern-path2d';
 import 'modern-font';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-text",
   "type": "module",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "packageManager": "pnpm@10.18.1",
   "description": "Measure and render text in a way that describes the DOM.",
   "author": "wxm",
@@ -51,32 +51,23 @@
     "release": "bumpp package.json --commit \"release: v%s\" --push --all --tag",
     "start": "esno src/index.ts",
     "test": "vitest",
-    "typecheck": "tsc --noEmit",
-    "prepare": "simple-git-hooks"
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "diff": "^8.0.2",
     "modern-font": "^0.4.4",
-    "modern-idoc": "^0.10.1",
+    "modern-idoc": "^0.10.5",
     "modern-path2d": "^1.4.10"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.0.0",
-    "@types/node": "^24.8.1",
+    "@antfu/eslint-config": "^6.1.0",
+    "@types/node": "^24.9.2",
     "bumpp": "^10.3.1",
     "conventional-changelog-cli": "^5.0.0",
     "eslint": "^9.38.0",
-    "lint-staged": "^16.2.4",
-    "simple-git-hooks": "^2.13.1",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vite": "^7.1.10",
-    "vitest": "^3.2.4"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm lint-staged"
-  },
-  "lint-staged": {
-    "*": ""
+    "vite": "^7.1.12",
+    "vitest": "^4.0.4"
   }
 }