html2canvas-pro 2.0.4 → 2.1.1

package/dist/types/css/syntax/tokenizer.d.ts

@@ -71,8 +71,13 @@ export declare const FLAG_INTEGER: number;
 export declare const FLAG_NUMBER: number;
 export declare const EOF_TOKEN: Token;
 export declare class Tokenizer {
+    private static _pool;
+    private static readonly MAX_POOL_SIZE;
+    static get(): Tokenizer;
+    static release(tokenizer: Tokenizer): void;
     private _value;
     constructor();
+    private _reset;
     write(chunk: string): void;
     read(): CSSToken[];
     private consumeToken;

package/dist/types/css/types/angle.d.ts

@@ -1,5 +1,5 @@
 import { CSSValue } from '../syntax/parser';
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { GradientCorner } from './image';
 export declare const angle: ITypeDescriptor<number>;
 export declare const isAngle: (value: CSSValue) => boolean;

package/dist/types/css/types/color.d.ts

@@ -1,4 +1,4 @@
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { Context } from '../../core/context';
 export type Color = number;
 export declare const color: ITypeDescriptor<Color>;

package/dist/types/css/types/image.d.ts

@@ -1,6 +1,6 @@
 import { CSSValue } from '../syntax/parser';
 import { Color } from './color';
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 import { LengthPercentage } from './length-percentage';
 export declare const enum CSSImageType {
     URL = 0,

package/dist/types/css/types/time.d.ts

@@ -1,2 +1,2 @@
-import { ITypeDescriptor } from '../ITypeDescriptor';
+import { ITypeDescriptor } from '../type-descriptor';
 export declare const time: ITypeDescriptor<number>;

package/dist/types/dom/element-container.d.ts

@@ -2,17 +2,7 @@ import { CSSParsedDeclaration } from '../css/index';
 import { TextContainer } from './text-container';
 import { Bounds } from '../css/layout/bounds';
 import { Context } from '../core/context';
-export declare const enum FLAGS {
-    CREATES_STACKING_CONTEXT = 2,
-    CREATES_REAL_STACKING_CONTEXT = 4,
-    IS_LIST_OWNER = 8,
-    DEBUG_RENDER = 16
-}
 export interface ElementContainerOptions {
-    /**
-     * Whether to normalize DOM (disable animations, reset transforms)
-     * Default: true for backward compatibility
-     */
     normalizeDom?: boolean;
 }
 export declare class ElementContainer {
@@ -21,7 +11,10 @@ export declare class ElementContainer {
     readonly textNodes: TextContainer[];
     readonly elements: ElementContainer[];
     bounds: Bounds;
-    flags: number;
+    createsStackingContext: boolean;
+    createsRealStackingContext: boolean;
+    isListOwner: boolean;
+    debugRender: boolean;
     private originalStyles?;
     private originalElement?;
     constructor(context: Context, element: Element, options?: ElementContainerOptions);

package/dist/types/dom/node-parser.d.ts

@@ -1,18 +1,5 @@
 import { ElementContainer } from './element-container';
 import { Context } from '../core/context';
-import { isElementNode, isTextNode, isSVGElementNode, isHTMLElementNode, isLIElement, isOLElement, isCustomElement } from './node-type-guards';
-export { isElementNode, isTextNode, isSVGElementNode, isHTMLElementNode, isLIElement, isOLElement, isCustomElement };
+import { isBodyElement, isCanvasElement, isCustomElement, isElementNode, isHTMLElement, isHTMLElementNode, isIFrameElement, isImageElement, isInputElement, isLIElement, isOLElement, isScriptElement, isSelectElement, isSlotElement, isStyleElement, isSVGElement, isSVGElementNode, isTextareaElement, isTextNode, isVideoElement } from './node-type-guards';
+export { isBodyElement, isCanvasElement, isCustomElement, isElementNode, isHTMLElement, isHTMLElementNode, isIFrameElement, isImageElement, isInputElement, isLIElement, isOLElement, isScriptElement, isSelectElement, isSlotElement, isStyleElement, isSVGElement, isSVGElementNode, isTextareaElement, isTextNode, isVideoElement };
 export declare const parseTree: (context: Context, element: HTMLElement) => ElementContainer;
-export declare const isInputElement: (node: Element) => node is HTMLInputElement;
-export declare const isHTMLElement: (node: Element) => node is HTMLHtmlElement;
-export declare const isSVGElement: (node: Element) => node is SVGSVGElement;
-export declare const isBodyElement: (node: Element) => node is HTMLBodyElement;
-export declare const isCanvasElement: (node: Element) => node is HTMLCanvasElement;
-export declare const isVideoElement: (node: Element) => node is HTMLVideoElement;
-export declare const isImageElement: (node: Element) => node is HTMLImageElement;
-export declare const isIFrameElement: (node: Element) => node is HTMLIFrameElement;
-export declare const isStyleElement: (node: Element) => node is HTMLStyleElement;
-export declare const isScriptElement: (node: Element) => node is HTMLScriptElement;
-export declare const isTextareaElement: (node: Element) => node is HTMLTextAreaElement;
-export declare const isSelectElement: (node: Element) => node is HTMLSelectElement;
-export declare const isSlotElement: (node: Element) => node is HTMLSlotElement;

package/dist/types/dom/node-type-guards.d.ts

@@ -1,33 +1,32 @@
 /**
  * DOM Node Type Guards
- * Extracted to break circular dependencies
- */
-/**
- * Check if node is an Element
+ *
+ * All DOM node type guards consolidated here to eliminate duplication
+ * and provide a single source of truth for node type checking.
  */
 export declare const isElementNode: (node: Node) => node is Element;
-/**
- * Check if node is a Text node
- */
 export declare const isTextNode: (node: Node) => node is Text;
-/**
- * Check if element is an SVG element
- */
 export declare const isSVGElementNode: (element: Element) => element is SVGElement;
-/**
- * Check if node is an HTML element
- */
 export declare const isHTMLElementNode: (node: Node) => node is HTMLElement;
-/**
- * Check if node is an LI element
- */
+export declare const isInputElement: (node: Element) => node is HTMLInputElement;
+export declare const isHTMLElement: (node: Element) => node is HTMLHtmlElement;
+export declare const isSVGElement: (node: Element) => node is SVGSVGElement;
+export declare const isBodyElement: (node: Element) => node is HTMLBodyElement;
+export declare const isCanvasElement: (node: Element) => node is HTMLCanvasElement;
+export declare const isVideoElement: (node: Element) => node is HTMLVideoElement;
+export declare const isImageElement: (node: Element) => node is HTMLImageElement;
+export declare const isIFrameElement: (node: Element) => node is HTMLIFrameElement;
+export declare const isStyleElement: (node: Element) => node is HTMLStyleElement;
+export declare const isScriptElement: (node: Element) => node is HTMLScriptElement;
+export declare const isTextareaElement: (node: Element) => node is HTMLTextAreaElement;
+export declare const isSelectElement: (node: Element) => node is HTMLSelectElement;
+export declare const isSlotElement: (node: Element) => node is HTMLSlotElement;
 export declare const isLIElement: (node: Element) => node is HTMLLIElement;
-/**
- * Check if node is an OL element
- */
 export declare const isOLElement: (node: Element) => node is HTMLOListElement;
+export declare const isCustomElement: (element: Element) => element is HTMLElement;
 /**
- * Check if element is a custom element
- * Custom elements must have a hyphen and cannot be SVG elements
+ * Check if an element can have ::before / ::after pseudo-elements.
+ * Per the CSS spec, replaced elements and void elements cannot have pseudo-elements.
+ * SVG elements also do not support pseudo-elements.
  */
-export declare const isCustomElement: (element: Element) => element is HTMLElement;
+export declare const canHavePseudoElements: (element: Element) => boolean;

package/dist/types/index.d.ts

@@ -1,60 +1,40 @@
-import { CloneOptions, WindowOptions } from './dom/document-cloner';
-import { RenderOptions } from './render/canvas/canvas-renderer';
-import { ContextOptions } from './core/context';
 import { Html2CanvasConfig, ConfigOptions } from './config';
 import { createDefaultValidator, Validator, ValidationResult } from './core/validator';
 import { PerformanceMonitor } from './core/performance-monitor';
-export type Options = CloneOptions & WindowOptions & RenderOptions & ContextOptions & {
-    backgroundColor: string | null;
-    foreignObjectRendering: boolean;
-    removeContainer?: boolean;
-    cspNonce?: string;
-    validator?: Validator;
-    skipValidation?: boolean;
-    enablePerformanceMonitoring?: boolean;
-    /**
-     * Enable/disable image smoothing (anti-aliasing) globally.
-     * - `false`: Pixel-perfect rendering for pixel art, sprites, and retro graphics
-     * - `true`: Smooth rendering for photos and high-quality images
-     * - CSS `image-rendering` property on individual elements takes precedence
-     * @default true (browser default)
-     * @example
-     * // Pixel art game screenshot
-     * html2canvas(element, { imageSmoothing: false, scale: 2 });
-     *
-     * // High-quality photo
-     * html2canvas(element, { imageSmoothing: true, imageSmoothingQuality: 'high' });
-     */
-    imageSmoothing?: boolean;
-    /**
-     * Image smoothing quality level when imageSmoothing is enabled.
-     * - `'low'`: Faster, lower quality (good for preview)
-     * - `'medium'`: Balanced (default in most browsers)
-     * - `'high'`: Slower, best quality (good for final export)
-     *
-     * Browser support: Chrome 54+, Firefox 94+, Safari 17+
-     * Falls back gracefully in older browsers.
-     * @default browser default (usually 'low' or 'medium')
-     */
-    imageSmoothingQuality?: 'low' | 'medium' | 'high';
-};
+import type { Options } from './options';
+export type { Options };
 /**
- * Main html2canvas function with improved configuration management
+ * Renders an HTML element to a `<canvas>` element.
+ *
+ * The function clones the target element and its subtree into a hidden iframe,
+ * resolves all computed styles, and paints the result onto a canvas —
+ * producing a visual snapshot of the DOM as it appears in the browser.
+ *
+ * @example
+ * ```ts
+ * import html2canvas from 'html2canvas-pro';
+ *
+ * const canvas = await html2canvas(document.body, {
+ *   backgroundColor: '#ffffff',
+ *   scale: 2,
+ *   useCORS: true
+ * });
+ * document.body.appendChild(canvas);
+ * ```
  *
- * @param element - Element to render
- * @param options - Rendering options
- * @param config - Optional configuration (for advanced use cases)
- * @returns Promise resolving to rendered canvas
+ * @param element - The root HTMLElement to render.
+ * @param options - Rendering options.
+ * @param config  - Advanced configuration. In most cases this is auto-created;
+ *                  only pass it if you need to share a cache across multiple calls.
+ * @returns A promise that resolves to the rendered HTMLCanvasElement.
+ *
+ * @throws {Error} If the element is not attached to a document.
+ * @throws {DOMException} If an {@link Options.signal|AbortSignal} was provided and the operation was aborted.
  */
 declare const html2canvas: {
     (element: HTMLElement, options?: Partial<Options>, config?: Html2CanvasConfig): Promise<HTMLCanvasElement>;
     setCspNonce: (nonce: string) => void;
 };
-/**
- * Set CSP nonce for inline styles
- * @deprecated Use options.cspNonce instead
- */
-declare const setCspNonce: (nonce: string) => void;
 export default html2canvas;
-export { html2canvas, setCspNonce, Html2CanvasConfig, ConfigOptions, Validator, ValidationResult, createDefaultValidator, PerformanceMonitor };
+export { html2canvas, Html2CanvasConfig, ConfigOptions, Validator, ValidationResult, createDefaultValidator, PerformanceMonitor };
 export { IMAGE_RENDERING } from './css/property-descriptors/image-rendering';

package/dist/types/options.d.ts

@@ -0,0 +1,51 @@
+import { CloneOptions, WindowOptions } from './dom/document-cloner';
+import { RenderOptions } from './render/canvas/canvas-renderer';
+import { ContextOptions } from './core/context';
+import { Validator } from './core/validator';
+/**
+ * Options passed to {@link html2canvas}.
+ *
+ * Combines clone, window, render, and context configuration into a single
+ * options object. All properties are optional.
+ */
+export type Options = CloneOptions & WindowOptions & RenderOptions & ContextOptions & {
+    /** Background color for the resulting canvas. Use `null` for transparent. */
+    backgroundColor: string | null;
+    /** Use foreignObject rendering (SVG-based) instead of the default Canvas 2D pipeline. */
+    foreignObjectRendering: boolean;
+    /** Whether to remove the cloned iframe after rendering. @default true */
+    removeContainer?: boolean;
+    /** CSP nonce for inline style elements. */
+    cspNonce?: string;
+    /** Custom input validator. */
+    validator?: Validator;
+    /** Skip pre-render validation of element and options. */
+    skipValidation?: boolean;
+    /** Enable performance monitoring and log a timing summary. */
+    enablePerformanceMonitoring?: boolean;
+    /**
+     * An AbortSignal that can be used to cancel an in-progress render.
+     * When the signal is aborted, the returned promise rejects with an
+     * `AbortError` DOMException.
+     */
+    signal?: AbortSignal;
+    /**
+     * Enable/disable image smoothing (anti-aliasing) globally.
+     * - `false`: Pixel-perfect rendering for pixel art, sprites, and retro graphics
+     * - `true`: Smooth rendering for photos and high-quality images
+     * - CSS `image-rendering` property on individual elements takes precedence
+     * @default true (browser default)
+     */
+    imageSmoothing?: boolean;
+    /**
+     * Image smoothing quality level when imageSmoothing is enabled.
+     * - `'low'`: Faster, lower quality (good for preview)
+     * - `'medium'`: Balanced (default in most browsers)
+     * - `'high'`: Slower, best quality (good for final export)
+     *
+     * Browser support: Chrome 54+, Firefox 94+, Safari 17+
+     * Falls back gracefully in older browsers.
+     * @default browser default (usually 'low' or 'medium')
+     */
+    imageSmoothingQuality?: 'low' | 'medium' | 'high';
+};

package/dist/types/render/canvas/background-renderer.d.ts

@@ -78,10 +78,4 @@ export declare class BackgroundRenderer {
      * @param paths - Array of path points
      */
     private path;
-    /**
-     * Format path points into canvas path
-     *
-     * @param paths - Array of path points
-     */
-    private formatPath;
 }

package/dist/types/render/canvas/canvas-path.d.ts

@@ -0,0 +1,3 @@
+import { Path } from '../path';
+export declare const formatCanvasPath: (ctx: CanvasRenderingContext2D, paths: Path[]) => void;
+export declare const createCanvasPath: (ctx: CanvasRenderingContext2D, paths: Path[]) => void;

package/dist/types/render/canvas/canvas-renderer.d.ts

@@ -4,10 +4,10 @@ import { ElementContainer } from '../../dom/element-container';
 import { Path } from '../path';
 import { BoundCurves } from '../bound-curves';
 import { ReplacedElementContainer } from '../../dom/replaced-elements';
-import { Renderer } from '../renderer';
 import { Context } from '../../core/context';
 export type RenderConfigurations = RenderOptions & {
     backgroundColor: Color | null;
+    signal?: AbortSignal;
     /**
      * Enable/disable image smoothing (anti-aliasing).
      * When disabled, images are rendered with pixel-perfect sharpness (no interpolation).
@@ -32,9 +32,11 @@ export interface RenderOptions {
     width: number;
     height: number;
 }
-export declare class CanvasRenderer extends Renderer {
+export declare class CanvasRenderer {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
+    private readonly context;
+    private readonly options;
     private readonly fontMetrics;
     private readonly backgroundRenderer;
     private readonly borderRenderer;

package/dist/types/render/canvas/foreignobject-renderer.d.ts

@@ -1,11 +1,10 @@
 import { RenderConfigurations } from './canvas-renderer';
-import { Renderer } from '../renderer';
 import { Context } from '../../core/context';
-export declare class ForeignObjectRenderer extends Renderer {
+export declare class ForeignObjectRenderer {
     canvas: HTMLCanvasElement;
     ctx: CanvasRenderingContext2D;
     options: RenderConfigurations;
+    private readonly context;
     constructor(context: Context, options: RenderConfigurations);
     render(element: HTMLElement): Promise<HTMLCanvasElement>;
 }
-export declare const loadSerializedSVG: (svg: Node) => Promise<HTMLImageElement>;

package/dist/types/render/canvas/text-renderer.d.ts

@@ -60,6 +60,11 @@ export declare class TextRenderer {
      * grapheme is drawn individually so spacing and CJK baseline are applied correctly.
      */
     renderTextWithLetterSpacing(text: TextBounds, letterSpacing: number, baseline: number, writingMode?: WRITING_MODE): void;
+    private canRenderWholeText;
+    private renderFillText;
+    private renderStrokeText;
+    private renderTextStrokeWithStyle;
+    private renderTextFillWithShadows;
     /**
      * Helper method to render text with paint order support
      * Reduces code duplication in line-clamp and normal rendering

package/dist/types/render/effects.d.ts

@@ -4,7 +4,8 @@ export declare const enum EffectType {
     TRANSFORM = 0,
     CLIP = 1,
     OPACITY = 2,
-    CLIP_PATH = 3
+    CLIP_PATH = 3,
+    BLEND = 4
 }
 export declare const enum EffectTarget {
     BACKGROUND_BORDERS = 2,
@@ -46,7 +47,14 @@ export declare class ClipPathEffect implements IElementEffect {
     readonly target: number;
     constructor(applyClip: (ctx: CanvasRenderingContext2D) => void);
 }
+export declare class BlendEffect implements IElementEffect {
+    readonly compositeOperation: GlobalCompositeOperation;
+    readonly type: EffectType;
+    readonly target: number;
+    constructor(compositeOperation: GlobalCompositeOperation);
+}
 export declare const isTransformEffect: (effect: IElementEffect) => effect is TransformEffect;
 export declare const isClipEffect: (effect: IElementEffect) => effect is ClipEffect;
 export declare const isOpacityEffect: (effect: IElementEffect) => effect is OpacityEffect;
 export declare const isClipPathEffect: (effect: IElementEffect) => effect is ClipPathEffect;
+export declare const isBlendEffect: (effect: IElementEffect) => effect is BlendEffect;

package/dist/types/render/object-fit.d.ts

@@ -0,0 +1,18 @@
+import { ObjectFit } from '../css/property-descriptors/object-fit';
+export interface ObjectFitBox {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface ObjectFitRendering {
+    sx: number;
+    sy: number;
+    sw: number;
+    sh: number;
+    dx: number;
+    dy: number;
+    dw: number;
+    dh: number;
+}
+export declare const calculateObjectFitRendering: (intrinsicWidth: number, intrinsicHeight: number, box: ObjectFitBox, objectFit: ObjectFit) => ObjectFitRendering;

package/package.json

@@ -5,7 +5,12 @@
   "main": "dist/html2canvas-pro.js",
   "module": "dist/html2canvas-pro.esm.js",
   "typings": "dist/types/index.d.ts",
-  "browser": "dist/html2canvas-pro.js",
+  "browser": "dist/html2canvas-pro.esm.js",
+  "sideEffects": false,
+  "files": [
+    "dist/",
+    "LICENSE"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -14,7 +19,7 @@
       "default": "./dist/html2canvas-pro.esm.js"
     }
   },
-  "version": "2.0.4",
+  "version": "2.1.1",
   "author": {
     "name": "yorickshan",
     "email": "yorickshan@gmail.com",
@@ -42,28 +47,24 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/chai": "^5.2.3",
     "@types/express": "^5.0.6",
-    "@types/filenamify-url": "^2.0.1",
-    "@types/glob": "^9.0.0",
-    "@types/jest": "^29.5.12",
-    "@types/jest-image-snapshot": "^6.4.0",
     "@types/karma": "^6.3.0",
-    "@types/mkdirp": "^2.0.0",
     "@types/mocha": "^10.0.7",
     "@types/node": "^25.0.3",
     "@types/platform": "^1.3.4",
-    "@types/promise-polyfill": "^6.0.3",
+    "@types/pngjs": "^6.0.5",
     "@types/serve-index": "^1.9.4",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "@typescript-eslint/parser": "^8.50.0",
+    "@vitest/coverage-v8": "^3.2.6",
     "appium-ios-simulator": "^8.0.9",
     "base64-arraybuffer": "1.0.2",
     "body-parser": "^2.2.1",
     "chai": "6.2.2",
     "change-case": "^5.4.4",
-    "conventional-changelog-cli": "^5.0.0",
+    "conventional-changelog": "^7.2.1",
+    "conventional-changelog-conventionalcommits": "^9.3.1",
     "cors": "^2.8.5",
     "cz-conventional-changelog": "^3.3.0",
-    "es6-promise": "^4.2.8",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.4",
@@ -71,11 +72,7 @@
     "filenamify-url": "4.0.0",
     "glob": "^13.0.0",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^30.2.0",
-    "jest-image-snapshot": "^6.4.0",
-    "jquery": "^3.5.1",
-    "js-polyfills": "^0.1.42",
+    "jsdom": "^29.1.1",
     "karma": "^6.3.2",
     "karma-chrome-launcher": "^3.1.0",
     "karma-edge-launcher": "^0.4.2",
@@ -84,11 +81,12 @@
     "karma-junit-reporter": "^2.0.1",
     "karma-mocha": "^2.0.1",
     "karma-safarinative-launcher": "^1.1.0",
-    "karma-sauce-launcher": "^4.3.6",
     "lint-staged": "^16.2.7",
     "mocha": "^11.7.5",
     "node-simctl": "^8.1.2",
+    "pixelmatch": "^7.2.0",
     "platform": "^1.3.6",
+    "pngjs": "^7.0.0",
     "prettier": "^3.3.3",
     "puppeteer": "^24.34.0",
     "replace-in-file": "^8.4.0",
@@ -97,48 +95,50 @@
     "rollup-plugin-sourcemaps": "^0.6.3",
     "serve-index": "^1.9.1",
     "slash": "5.1.0",
-    "standard-version": "^9.5.0",
-    "ts-jest": "^29.1.5",
     "ts-node": "^10.9.2",
     "tsx": "^4.22.3",
+    "typedoc": "^0.28.19",
     "typescript": "^5.5.4",
     "uglify-js": "^3.13.10",
-    "vitepress": "^1.3.0",
+    "vitepress": "^1.6.4",
+    "vitest": "^3.2.6",
     "yargs": "^18.0.0"
   },
+  "dependencies": {
+    "css-line-break": "^2.1.0",
+    "text-segmentation": "^1.0.3"
+  },
+  "lint-staged": {
+    "{src,tests}/**/*.ts": [
+      "prettier --write",
+      "eslint --fix"
+    ]
+  },
   "scripts": {
-    "prebuild": "rimraf dist/ && rimraf build/ && mkdirp dist && mkdirp build",
-    "build": "tsc --module commonjs && npx tsx --tsconfig tsconfig.json ./node_modules/.bin/rollup -c rollup.config.ts && npm run build:create-reftest-list && npx tsx --tsconfig tests/tsconfig.json ./node_modules/.bin/rollup -c tests/rollup.config.ts && npm run build:minify",
-    "build:testrunner": "npx tsx --tsconfig tests/tsconfig.json ./node_modules/.bin/rollup -c tests/rollup.config.ts",
+    "prebuild": "rimraf dist/ && rimraf build/ && mkdir -p dist && mkdir -p build",
+    "build": "tsc --module commonjs -p tsconfig.build.json && rollup --configPlugin typescript -c rollup.config.ts && pnpm build:create-reftest-list && rollup --configPlugin typescript -c tests/rollup.config.ts && pnpm build:minify",
+    "build:testrunner": "rollup --configPlugin typescript -c tests/rollup.config.ts",
     "build:minify": "uglifyjs --compress --comments /^!/ -o dist/html2canvas-pro.min.js --mangle -- dist/html2canvas-pro.js",
-    "build:reftest-result-list": "npx tsx scripts/create-reftest-result-list.ts",
-    "build:create-reftest-list": "npx tsx scripts/create-reftest-list.ts tests/reftests/ignore.txt build/reftests.js",
+    "build:reftest-result-list": "tsx scripts/create-reftest-result-list.ts",
+    "build:create-reftest-list": "tsx scripts/create-reftest-list.ts tests/reftests/ignore.txt build/reftests.js",
     "release": "sh scripts/version-upgrade.sh",
     "format": "prettier --write \"{src,tests,scripts}/**/*.ts\"",
     "lint": "eslint src/**/*.ts --max-warnings 0",
-    "test": "npm run lint && npm run unittest && npm run karma",
-    "unittest": "jest",
-    "reftests-diff": "mkdirp tmp/snapshots && jest --roots=tests --testMatch=**/reftest-diff.ts",
+    "test": "pnpm lint && pnpm unittest && pnpm karma",
+    "unittest": "vitest run",
+    "unittest:coverage": "vitest run --coverage",
+    "bench:css-parse": "tsx scripts/benchmarks/css-parse.bench.ts",
+    "reftests-diff": "mkdir -p tmp/snapshots && vitest run --config vitest.reftest.config.ts",
     "prekarma": "node scripts/ensure-karma-prereqs.mjs",
     "karma": "tsx tests/karma",
-    "watch": "rollup -c rollup.config.ts -w",
-    "watch:unittest": "mocha --require tsx/register --watch-extensions ts -w src/**/__tests__/*.ts",
-    "start": "npx tsx tests/server --port=8080 --cors=8081",
+    "watch": "rollup --configPlugin typescript -c rollup.config.ts -w",
+    "watch:unittest": "vitest",
+    "start": "tsx tests/server --port=8080 --cors=8081",
     "commitlint": "commitlint --config .commitlintrc.json -e -V",
-    "tag": "sh scripts/create-tag.sh",
-    "prepare": "if [ \"$SKIP_PREPARE\" != \"true\" ]; then husky install; fi",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
-  },
-  "dependencies": {
-    "css-line-break": "^2.1.0",
-    "text-segmentation": "^1.0.3"
-  },
-  "lint-staged": {
-    "{src,tests}/**/*.ts": [
-      "prettier --write",
-      "eslint --fix"
-    ]
+    "docs:preview": "vitepress preview docs",
+    "docs:api": "typedoc",
+    "docs:api:watch": "typedoc --watch"
   }
-}
+}