modern-text 2.0.0 → 2.0.2

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { T as Text } from './shared/modern-text.ChzjFjsk.mjs';
-export { C as Canvas2DRenderer, a as Character, D as DomMeasurer, F as FontMeasurer, b as Fragment, P as Paragraph, c as backgroundPlugin, d as createSvgLoader, e as createSvgParser, g as getEffectTransform2D, f as getHighlightStyle, h as highlightPlugin, i as isEqualObject, j as isEqualValue, l as listStylePlugin, o as outlinePlugin, p as parseColormap, k as parseTransformOrigin, m as parseValueNumber, r as renderPlugin, t as textDecorationPlugin, n as textDefaultStyle } from './shared/modern-text.ChzjFjsk.mjs';
+import { T as Text } from './shared/modern-text.EUexrM_5.mjs';
+export { C as Canvas2DRenderer, a as Character, D as DomMeasurer, F as FontMeasurer, b as Fragment, P as Paragraph, c as backgroundPlugin, d as createSvgLoader, e as createSvgParser, g as getEffectTransform2D, f as getHighlightStyle, h as highlightPlugin, i as isEqualObject, j as isEqualValue, l as listStylePlugin, o as outlinePlugin, p as parseColormap, k as parseTransformOrigin, m as parseValueNumber, r as renderPlugin, t as textDecorationPlugin, n as textDefaultStyle } from './shared/modern-text.EUexrM_5.mjs';
 export { d as defineDeformation, a as definePlugin, b as deformationPlugin, g as getDeformationNames, r as removeDeformation } from './shared/modern-text.JF1ny7A-.mjs';
 export { C as CircleCurve, E as EllipseCurve, H as HeartCurve, P as PolygonCurve, R as RectangularCurve } from './shared/modern-text.fT17R5HY.mjs';
+import 'modern-font';
 import 'modern-idoc';
 import 'modern-path2d';
-import 'modern-font';
 
 function measureText(options, load) {
   const text = new Text(options);

package/dist/shared/{modern-text.CBgc-cQ1.cjs → modern-text.9z5yZjKR.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
+const modernFont = require('modern-font');
 const modernIdoc = require('modern-idoc');
 const modernPath2d = require('modern-path2d');
-const modernFont = require('modern-font');
 const deformation = require('./modern-text.B2xfrqDc.cjs');
 
 function createSvgLoader() {
@@ -2187,7 +2187,35 @@ class Text extends modernIdoc.Reactivable {
   }
   async load() {
     this._update();
-    await Promise.all(Array.from(this.plugins.values()).map((p) => p.load?.(this)));
+    await Promise.all([
+      this._decodeFonts(),
+      ...Array.from(this.plugins.values()).map((p) => p.load?.(this))
+    ]);
+  }
+  /**
+   * Eagerly decode the fonts this text uses, off the main thread — WOFF tables
+   * are decompressed via modern-font's async `createSFNTAsync` (fflate async).
+   * This warms the SFNT cache so the synchronous `measure()` / `render()` pass
+   * never stalls the main thread inflating WOFF tables on first glyph access.
+   *
+   * No-op for already-decoded fonts and for formats without async decoding.
+   */
+  async _decodeFonts() {
+    const fonts = this.fonts ?? modernFont.fonts;
+    const entries = /* @__PURE__ */ new Set();
+    for (const character of this.characters) {
+      const family = character.computedStyle.fontFamily;
+      if (family) {
+        entries.add(fonts.get(family));
+      }
+    }
+    entries.add(fonts.fallbackFont);
+    await Promise.all(Array.from(entries, async (entry) => {
+      const font = entry?.getFont();
+      if (font && typeof font.createSFNTAsync === "function" && !font._sfnt) {
+        font._sfnt = await font.createSFNTAsync();
+      }
+    }));
   }
   _update() {
     this.computedStyle = { ...textDefaultStyle, ...this.style };

package/dist/shared/{modern-text.D4WopQCu.d.cts → modern-text.C6VOXPvn.d.cts}

@@ -279,6 +279,15 @@ declare class Text$1 extends Reactivable {
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
+    /**
+     * Eagerly decode the fonts this text uses, off the main thread — WOFF tables
+     * are decompressed via modern-font's async `createSFNTAsync` (fflate async).
+     * This warms the SFNT cache so the synchronous `measure()` / `render()` pass
+     * never stalls the main thread inflating WOFF tables on first glyph access.
+     *
+     * No-op for already-decoded fonts and for formats without async decoding.
+     */
+    protected _decodeFonts(): Promise<void>;
     protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;

package/dist/shared/{modern-text.D4WopQCu.d.mts → modern-text.C6VOXPvn.d.mts}

@@ -279,6 +279,15 @@ declare class Text$1 extends Reactivable {
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
+    /**
+     * Eagerly decode the fonts this text uses, off the main thread — WOFF tables
+     * are decompressed via modern-font's async `createSFNTAsync` (fflate async).
+     * This warms the SFNT cache so the synchronous `measure()` / `render()` pass
+     * never stalls the main thread inflating WOFF tables on first glyph access.
+     *
+     * No-op for already-decoded fonts and for formats without async decoding.
+     */
+    protected _decodeFonts(): Promise<void>;
     protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;

package/dist/shared/{modern-text.D4WopQCu.d.ts → modern-text.C6VOXPvn.d.ts}

@@ -279,6 +279,15 @@ declare class Text$1 extends Reactivable {
         characterIndex: number;
     }) => void): this;
     load(): Promise<void>;
+    /**
+     * Eagerly decode the fonts this text uses, off the main thread — WOFF tables
+     * are decompressed via modern-font's async `createSFNTAsync` (fflate async).
+     * This warms the SFNT cache so the synchronous `measure()` / `render()` pass
+     * never stalls the main thread inflating WOFF tables on first glyph access.
+     *
+     * No-op for already-decoded fonts and for formats without async decoding.
+     */
+    protected _decodeFonts(): Promise<void>;
     protected _update(): this;
     createDom(): HTMLElement;
     measure(dom?: HTMLElement | undefined): MeasureResult;

package/dist/shared/{modern-text.BD7PBYt7.d.cts → modern-text.DYc0f8rj.d.mts}

@@ -1,5 +1,5 @@
 import { Vector2Like, BoundingBox, Vector2 } from 'modern-path2d';
-import { a as Character } from './modern-text.D4WopQCu.cjs';
+import { a as Character } from './modern-text.C6VOXPvn.mjs';
 
 /** 逐字沿形状排布所需的曲线最小接口（实现了这三个方法即可当作变形曲线） */
 interface DeformationCurve {

package/dist/shared/{modern-text.ChzjFjsk.mjs → modern-text.EUexrM_5.mjs}

@@ -1,6 +1,6 @@
+import { fonts } from 'modern-font';
 import { isNone, isGradient, normalizeGradient, clearUndef, Reactivable, normalizeText, getDefaultStyle, property } from 'modern-idoc';
 import { svgToDom, svgToPath2DSet, Path2DSet, Transform2D, setCanvasContext, Path2D, BoundingBox, Vector2 } from 'modern-path2d';
-import { fonts } from 'modern-font';
 import { a as definePlugin, b as deformationPlugin } from './modern-text.JF1ny7A-.mjs';
 
 function createSvgLoader() {
@@ -2185,7 +2185,35 @@ class Text extends Reactivable {
   }
   async load() {
     this._update();
-    await Promise.all(Array.from(this.plugins.values()).map((p) => p.load?.(this)));
+    await Promise.all([
+      this._decodeFonts(),
+      ...Array.from(this.plugins.values()).map((p) => p.load?.(this))
+    ]);
+  }
+  /**
+   * Eagerly decode the fonts this text uses, off the main thread — WOFF tables
+   * are decompressed via modern-font's async `createSFNTAsync` (fflate async).
+   * This warms the SFNT cache so the synchronous `measure()` / `render()` pass
+   * never stalls the main thread inflating WOFF tables on first glyph access.
+   *
+   * No-op for already-decoded fonts and for formats without async decoding.
+   */
+  async _decodeFonts() {
+    const fonts$1 = this.fonts ?? fonts;
+    const entries = /* @__PURE__ */ new Set();
+    for (const character of this.characters) {
+      const family = character.computedStyle.fontFamily;
+      if (family) {
+        entries.add(fonts$1.get(family));
+      }
+    }
+    entries.add(fonts$1.fallbackFont);
+    await Promise.all(Array.from(entries, async (entry) => {
+      const font = entry?.getFont();
+      if (font && typeof font.createSFNTAsync === "function" && !font._sfnt) {
+        font._sfnt = await font.createSFNTAsync();
+      }
+    }));
   }
   _update() {
     this.computedStyle = { ...textDefaultStyle, ...this.style };

package/dist/shared/{modern-text.CYa4lfoG.d.mts → modern-text.c9v5Qvut.d.cts}

@@ -1,5 +1,5 @@
 import { Vector2Like, BoundingBox, Vector2 } from 'modern-path2d';
-import { a as Character } from './modern-text.D4WopQCu.mjs';
+import { a as Character } from './modern-text.C6VOXPvn.cjs';
 
 /** 逐字沿形状排布所需的曲线最小接口（实现了这三个方法即可当作变形曲线） */
 interface DeformationCurve {

package/dist/shared/{modern-text.BxijkspX.d.ts → modern-text.i19sSLm-.d.ts}

@@ -1,5 +1,5 @@
 import { Vector2Like, BoundingBox, Vector2 } from 'modern-path2d';
-import { a as Character } from './modern-text.D4WopQCu.js';
+import { a as Character } from './modern-text.C6VOXPvn.js';
 
 /** 逐字沿形状排布所需的曲线最小接口（实现了这三个方法即可当作变形曲线） */
 interface DeformationCurve {

package/dist/web-components/index.cjs

@@ -2,9 +2,9 @@
 
 const diff = require('diff');
 const modernIdoc = require('modern-idoc');
-const Text = require('../shared/modern-text.CBgc-cQ1.cjs');
-require('modern-path2d');
+const Text = require('../shared/modern-text.9z5yZjKR.cjs');
 require('modern-font');
+require('modern-path2d');
 require('../shared/modern-text.B2xfrqDc.cjs');
 
 var __defProp = Object.defineProperty;

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

@@ -1,5 +1,5 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.D4WopQCu.cjs';
+import { T as Text } from '../shared/modern-text.C6VOXPvn.cjs';
 import 'modern-path2d';
 import 'modern-font';
 

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

@@ -1,5 +1,5 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.D4WopQCu.mjs';
+import { T as Text } from '../shared/modern-text.C6VOXPvn.mjs';
 import 'modern-path2d';
 import 'modern-font';
 

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

@@ -1,5 +1,5 @@
 import { PropertyAccessor, NormalizedTextContent } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.D4WopQCu.js';
+import { T as Text } from '../shared/modern-text.C6VOXPvn.js';
 import 'modern-path2d';
 import 'modern-font';
 

package/dist/web-components/index.mjs

@@ -1,8 +1,8 @@
 import { diffChars } from 'diff';
 import { isCRLF, textContentToString, normalizeCRLF, normalizeTextContent, property } from 'modern-idoc';
-import { T as Text } from '../shared/modern-text.ChzjFjsk.mjs';
-import 'modern-path2d';
+import { T as Text } from '../shared/modern-text.EUexrM_5.mjs';
 import 'modern-font';
+import 'modern-path2d';
 import '../shared/modern-text.JF1ny7A-.mjs';
 
 var __defProp = Object.defineProperty;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-text",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "packageManager": "pnpm@10.18.1",
   "description": "Measure and render text in a way that describes the DOM.",
   "author": "wxm",
@@ -62,7 +62,7 @@
     "diff": "^9.0.0",
     "modern-font": "^0.6.0",
     "modern-idoc": "^0.11.5",
-    "modern-path2d": "^1.6.0"
+    "modern-path2d": "^1.7.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^9.0.0",