@applemusic-like-lyrics/core 0.2.0-alpha.3 → 0.2.0-alpha.5

package/dist/lyric-player/dom/index.d.ts

@@ -1,6 +1,6 @@
-import { Disposable, HasElement, LyricLine } from '../../interfaces';
-import { SpringParams } from '../../utils/spring';
-import { LyricLineEl } from './lyric-line';
+import { LyricLine } from '../../interfaces.ts';
+import { LyricLineBase, LyricPlayerBase } from '../base.ts';
+import { LyricLineEl } from './lyric-line.ts';
 /**
  * 歌词行鼠标相关事件，可以获取到歌词行的索引和歌词行元素
  */
@@ -12,7 +12,7 @@ export declare class LyricLineMouseEvent extends MouseEvent {
     /**
      * 歌词行元素
      */
-    readonly line: LyricLineEl;
+    readonly line: LyricLineBase;
     constructor(
     /**
      * 歌词行索引
@@ -21,7 +21,7 @@ export declare class LyricLineMouseEvent extends MouseEvent {
     /**
      * 歌词行元素
      */
-    line: LyricLineEl, event: MouseEvent);
+    line: LyricLineBase, event: MouseEvent);
 }
 export type LyricLineMouseEventListener = (evt: LyricLineMouseEvent) => void;
 /**
@@ -29,125 +29,17 @@ export type LyricLineMouseEventListener = (evt: LyricLineMouseEvent) => void;
  *
  * 尽可能贴切 Apple Music for iPad 的歌词效果设计，且做了力所能及的优化措施
  */
-export declare class LyricPlayer extends EventTarget implements HasElement, Disposable {
-    private element;
-    private currentTime;
-    private lastCurrentTime;
-    private lyricLines;
-    private processedLines;
-    private lyricLinesEl;
-    private lyricLinesSize;
-    private lyricLinesIndexes;
-    private hotLines;
-    private bufferedLines;
-    private scrollToIndex;
-    private _wordFadeWidth;
-    private allowScroll;
-    private scrolledHandler;
-    private isScrolled;
-    private isSeeking;
-    private initializeSeeking;
-    private invokedByScrollEvent;
-    private scrollOffset;
-    private hidePassedLines;
-    private debounceCalcLayout;
-    private resizeObserver;
-    private posXSpringParams;
-    private posYSpringParams;
-    private scaleSpringParams;
-    private scaleForBGSpringParams;
-    private enableBlur;
-    private enableScale;
-    private interludeDots;
-    private interludeDotsSize;
-    private bottomLine;
+export declare class DomLyricPlayer extends LyricPlayerBase {
+    currentLyricLineObjects: LyricLineEl[];
+    onResize(): void;
     readonly supportPlusLighter: boolean;
     readonly supportMaskImage: boolean;
-    private disableSpring;
-    private alignAnchor;
-    private alignPosition;
-    private isNonDynamic;
-    private isNonDuet;
-    private scrollBoundary;
-    readonly size: [number, number];
     readonly innerSize: [number, number];
     private readonly onLineClickedHandler;
-    setIsSeeking(isSeeking: boolean): void;
-    /**
-     * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
-     *
-     * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
-     *
-     * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
-     */
-    setEnableSpring(enable?: boolean): void;
-    /**
-     * 获取当前是否启用了物理弹簧
-     * @returns 是否启用物理弹簧
-     */
-    getEnableSpring(): boolean;
-    /**
-     * 是否启用歌词行缩放效果，默认启用
-     *
-     * 如果启用，非选中的歌词行会轻微缩小以凸显当前播放歌词行效果
-     *
-     * 此效果对性能影响微乎其微，推荐启用
-     * @param enable 是否启用歌词行缩放效果
-     */
-    setEnableScale(enable?: boolean): void;
-    /**
-     * 获取当前是否启用了歌词行缩放效果
-     * @returns 是否启用歌词行缩放效果
-     */
-    getEnableScale(): boolean;
     private _baseFontSize;
     get baseFontSize(): number;
-    private isPageVisible;
-    private onPageShow;
-    private onPageHide;
     constructor();
-    private beginScrollHandler;
-    private endScrollHandler;
-    private limitScrollOffset;
-    /**
-     * 获取当前播放时间里是否处于间奏区间
-     * 如果是则会返回单位为毫秒的始末时间
-     * 否则返回 undefined
-     *
-     * 这个只允许内部调用
-     * @returns [开始时间,结束时间,大概处于的歌词行ID,下一句是否为对唱歌词] 或 undefined 如果不处于间奏区间
-     */
-    getCurrentInterlude(): [number, number, number, boolean] | undefined;
-    /**
-     * 重建样式
-     *
-     * 这个只允许内部调用
-     *
-     * @private
-     */
-    rebuildStyle(): void;
-    /**
-     * 设置是否隐藏已经播放过的歌词行，默认不隐藏
-     * @param hide 是否隐藏已经播放过的歌词行，默认不隐藏
-     */
-    setHidePassedLines(hide: boolean): void;
-    /**
-     * 设置是否启用歌词行的模糊效果
-     * @param enable 是否启用
-     */
-    setEnableBlur(enable: boolean): void;
-    get wordFadeWidth(): number;
-    /**
-     * 设置文字动画的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5，即一个全角字符的一半宽度
-     *
-     * 如果要模拟 Apple Music for Android 的效果，可以设置为 1
-     *
-     * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5
-     *
-     * 如果想要近乎禁用渐变效果，可以设置成非常接近 0 的小数（例如 `0.0001` ），但是**不可以为 0**
-     *
-     * @param value 需要设置的渐变宽度，单位以歌词行的主文字字体大小的倍数为单位，默认为 0.5
-     */
+    private rebuildStyle;
     setWordFadeWidth(value?: number): void;
     /**
      * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
@@ -155,109 +47,8 @@ export declare class LyricPlayer extends EventTarget implements HasElement, Disp
      * @param initialTime 初始时间，默认为 0
      */
     setLyricLines(lines: LyricLine[], initialTime?: number): void;
-    /**
-     * 重置用户滚动状态
-     *
-     * 请在用户完成滚动点击跳转歌词时调用本事件再调用 `calcLayout` 以正确滚动到目标位置
-     */
-    resetScroll(): void;
-    /**
-     * 重新布局定位歌词行的位置，调用完成后再逐帧调用 `update`
-     * 函数即可让歌词通过动画移动到目标位置。
-     *
-     * 函数有一个 `force` 参数，用于指定是否强制修改布局，也就是不经过动画直接调整元素位置和大小。
-     *
-     * 此函数还有一个 `reflow` 参数，用于指定是否需要重新计算布局
-     *
-     * 因为计算布局必定会导致浏览器重排布局，所以会大幅度影响流畅度和性能，故请只在以下情况下将其​设置为 true：
-     *
-     * 1. 歌词页面大小发生改变时（这个组件会自行处理）
-     * 2. 加载了新的歌词时（不论前后歌词是否完全一样）
-     * 3. 用户自行跳转了歌曲播放位置（不论距离远近）
-     *
-     * @param force 是否不经过动画直接修改布局定位
-     * @param reflow 是否进行重新布局（重新计算每行歌词大小）
-     */
-    calcLayout(force?: boolean, reflow?: boolean): void;
-    /**
-     * 获取当前歌词的播放位置
-     *
-     * 一般和最后调用 `setCurrentTime` 给予的参数一样
-     * @returns 当前播放位置
-     */
-    getCurrentTime(): number;
-    /**
-     * 获取当前歌词数组
-     *
-     * 一般和最后调用 `setLyricLines` 给予的参数一样
-     * @returns 当前歌词数组
-     */
-    getLyricLines(): LyricLine[];
-    getElement(): HTMLElement;
-    /**
-     * 获取一个特殊的底栏元素，默认是空白的，可以往内部添加任意元素
-     *
-     * 这个元素始终在歌词的底部，可以用于显示歌曲创作者等信息
-     *
-     * 但是请勿删除该元素，只能在内部存放元素
-     *
-     * @returns 一个元素，可以往内部添加任意元素
-     */
-    getBottomLineElement(): HTMLElement;
-    /**
-     * 设置目标歌词行的对齐方式，默认为 `center`
-     *
-     * - 设置成 `top` 的话将会向目标歌词行的顶部对齐
-     * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐
-     * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐
-     * @param alignAnchor 歌词行对齐方式，详情见函数说明
-     */
-    setAlignAnchor(alignAnchor: "top" | "bottom" | "center"): void;
-    /**
-     * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，默认为 `0.5`
-     * @param alignPosition 一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置
-     */
-    setAlignPosition(alignPosition: number): void;
-    /**
-     * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
-     * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
-     *
-     * 调用完成后，可以每帧调用 `update` 函数来执行歌词动画效果
-     * @param time 当前播放进度，单位为毫秒
-     */
-    setCurrentTime(time: number, isSeek?: boolean): void;
-    /**
-     * 暂停部分效果演出，目前会暂停播放间奏点的动画
-     */
     pause(): void;
-    /**
-     * 恢复部分效果演出，目前会恢复播放间奏点的动画
-     */
     resume(): void;
-    /**
-     * 更新动画，这个函数应该被逐帧调用或者在以下情况下调用一次：
-     *
-     * 1. 刚刚调用完设置歌词函数的时候
-     * @param delta 距离上一次被调用到现在的时长，单位为毫秒（可为浮点数）
-     */
     update(delta?: number): void;
-    /**
-     * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
-     *
-     * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-     */
-    setLinePosXSpringParams(params: Partial<SpringParams>): void;
-    /**
-     * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。
-     *
-     * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-     */
-    setLinePosYSpringParams(params: Partial<SpringParams>): void;
-    /**
-     * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。
-     *
-     * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
-     */
-    setLineScaleSpringParams(params: Partial<SpringParams>): void;
     dispose(): void;
 }

package/dist/lyric-player/dom/interlude-dots.d.ts

@@ -1,4 +1,4 @@
-import { Disposable, HasElement } from '../../interfaces';
+import { Disposable, HasElement } from '../../interfaces.ts';
 export declare class InterludeDots implements HasElement, Disposable {
     private element;
     private dot0;

package/dist/lyric-player/dom/lyric-line.d.ts

@@ -1,6 +1,6 @@
-import { LyricPlayer } from '.';
-import { Disposable, HasElement, LyricLine, LyricWord } from '../../interfaces';
-import { Spring } from '../../utils/spring';
+import { DomLyricPlayer } from '.';
+import { LyricLine, LyricWord } from '../../interfaces.ts';
+import { LyricLineBase } from '../base.ts';
 interface RealWord extends LyricWord {
     mainElement: HTMLSpanElement;
     subElements: HTMLSpanElement[];
@@ -11,68 +11,51 @@ interface RealWord extends LyricWord {
     padding: number;
     shouldEmphasize: boolean;
 }
-export declare function shouldEmphasize(word: LyricWord): boolean;
 export declare class RawLyricLineMouseEvent extends MouseEvent {
-    readonly line: LyricLineEl;
-    constructor(line: LyricLineEl, event: MouseEvent);
+    readonly line: LyricLineBase;
+    constructor(line: LyricLineBase, event: MouseEvent);
 }
 type MouseEventMap = {
     [evt in keyof HTMLElementEventMap]: HTMLElementEventMap[evt] extends MouseEvent ? evt : never;
 };
 type MouseEventTypes = MouseEventMap[keyof MouseEventMap];
 type MouseEventListener = (this: LyricLineEl, ev: RawLyricLineMouseEvent) => void;
-export declare class LyricLineEl extends EventTarget implements HasElement, Disposable {
+export declare class LyricLineEl extends LyricLineBase {
     private lyricPlayer;
     private lyricLine;
     private element;
-    private left;
-    private top;
-    private scale;
-    private blur;
-    private delay;
     private splittedWords;
     lineSize: number[];
-    readonly lineTransforms: {
-        posX: Spring;
-        posY: Spring;
-        scale: Spring;
-    };
-    constructor(lyricPlayer: LyricPlayer, lyricLine?: LyricLine);
+    constructor(lyricPlayer: DomLyricPlayer, lyricLine?: LyricLine);
     private listenersMap;
     private readonly onMouseEvent;
     addMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | AddEventListenerOptions | undefined): void;
     removeMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | EventListenerOptions | undefined): void;
     areWordsOnSameLine(word1: RealWord, word2: RealWord): boolean;
     private isEnabled;
-    private hasFaded;
     enable(maskAnimationTime?: number): Promise<void>;
-    disable(maskAnimationTime?: number): void;
+    disable(): void;
     private lastWord?;
-    resume(currentTime?: number): void;
-    pause(currentTime?: number): void;
+    resume(): Promise<void>;
+    pause(): Promise<void>;
     setMaskAnimationState(maskAnimationTime?: number): void;
-    measureSize(): [number, number];
-    setLine(line: LyricLine): void;
     getLine(): LyricLine;
     private _hide;
     private _prevParentEl;
     private lastStyle;
     show(): void;
     hide(): void;
-    rebuildStyle(): void;
+    private rebuildStyle;
     rebuildElement(): void;
     private initFloatAnimation;
     private initEmphasizeAnimation;
     private get totalDuration();
-    private maskImageDirty;
-    private markImageDirtyPromises;
-    markMaskImageDirty(): Promise<void>;
-    waitMaskImageUpdated(): Promise<void>;
-    updateMaskImage(): Promise<void>;
+    onLineSizeChange(size: [number, number]): void;
+    updateMaskImageSync(): void;
     private generateCalcBasedMaskImage;
     private generateWebAnimationBasedMaskImage;
     getElement(): HTMLElement;
-    setTransform(left?: number, top?: number, scale?: number, opacity?: number, subopacity?: number, blur?: number, force?: boolean, delay?: number): void;
+    setTransform(top?: number, scale?: number, opacity?: number, blur?: number, force?: boolean, delay?: number): void;
     update(delta?: number): void;
     _getDebugTargetPos(): string;
     get isInSight(): boolean;

package/dist/lyric-player/dom-slim/index.d.ts

@@ -0,0 +1,33 @@
+import { LyricLine } from '../../interfaces.ts';
+import { LyricPlayerBase } from '../base.ts';
+import { LyricLineEl } from './lyric-line.ts';
+/**
+ * 歌词播放组件，本框架的核心组件
+ *
+ * 尽可能贴切 Apple Music for iPad 的歌词效果设计，且做了力所能及的优化措施
+ */
+export declare class DomSlimLyricPlayer extends LyricPlayerBase {
+    currentLyricLineObjects: LyricLineEl[];
+    private debounceCalcLayout;
+    onResize(): void;
+    readonly supportPlusLighter: boolean;
+    readonly supportMaskImage: boolean;
+    readonly innerSize: [number, number];
+    private readonly onLineClickedHandler;
+    private _baseFontSize;
+    get baseFontSize(): number;
+    constructor();
+    private rebuildStyle;
+    setWordFadeWidth(value?: number): void;
+    /**
+     * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
+     * @param lines 歌词数组
+     * @param initialTime 初始时间，默认为 0
+     */
+    setLyricLines(lines: LyricLine[], initialTime?: number): void;
+    pause(): void;
+    resume(): void;
+    update(delta?: number): void;
+    calcLayout(force?: boolean, reflow?: boolean): Promise<void>;
+    dispose(): void;
+}

package/dist/lyric-player/dom-slim/interlude-dots.d.ts

@@ -0,0 +1,22 @@
+import { Disposable, HasElement } from '../../interfaces.ts';
+export declare class InterludeDots implements HasElement, Disposable {
+    private element;
+    private dot0;
+    private dot1;
+    private dot2;
+    private left;
+    private top;
+    private playing;
+    private lastStyle;
+    private currentInterlude?;
+    private currentTime;
+    private targetBreatheDuration;
+    constructor();
+    getElement(): HTMLElement;
+    setTransform(left?: number, top?: number): void;
+    setInterlude(interlude?: [number, number]): void;
+    pause(): void;
+    resume(): void;
+    update(delta?: number): void;
+    dispose(): void;
+}

package/dist/lyric-player/dom-slim/lyric-line.d.ts

@@ -0,0 +1,70 @@
+import { LyricLine, LyricWord } from '../../interfaces.ts';
+import { LyricLineBase } from '../base.ts';
+import { DomSlimLyricPlayer } from './index.ts';
+interface RealWord extends LyricWord {
+    mainElement: HTMLSpanElement;
+    subElements: HTMLSpanElement[];
+    elementAnimations: Animation[];
+    maskAnimations: Animation[];
+    width: number;
+    height: number;
+    padding: number;
+    shouldEmphasize: boolean;
+}
+export declare class RawLyricLineMouseEvent extends MouseEvent {
+    readonly line: LyricLineEl;
+    constructor(line: LyricLineEl, event: MouseEvent);
+}
+type MouseEventMap = {
+    [evt in keyof HTMLElementEventMap]: HTMLElementEventMap[evt] extends MouseEvent ? evt : never;
+};
+type MouseEventTypes = MouseEventMap[keyof MouseEventMap];
+type MouseEventListener = (this: LyricLineEl, ev: RawLyricLineMouseEvent) => void;
+export declare class LyricLineEl extends LyricLineBase {
+    private lyricPlayer;
+    private lyricLine;
+    private element;
+    private splittedWords;
+    lineSize: number[];
+    constructor(lyricPlayer: DomSlimLyricPlayer, lyricLine?: LyricLine);
+    private listenersMap;
+    private readonly onMouseEvent;
+    addMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | AddEventListenerOptions | undefined): void;
+    removeMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | EventListenerOptions | undefined): void;
+    areWordsOnSameLine(word1: RealWord, word2: RealWord): boolean;
+    private isEnabled;
+    enable(maskAnimationTime?: number): Promise<void>;
+    disable(): void;
+    private lastWord?;
+    resume(): Promise<void>;
+    pause(): Promise<void>;
+    setMaskAnimationState(maskAnimationTime?: number): void;
+    private measureLockMark;
+    private measureLock;
+    getLine(): LyricLine;
+    private _prevParentEl;
+    private lastStyle;
+    show(): void;
+    hide(): void;
+    private rebuildStyle;
+    rebuildElement(): void;
+    private initFloatAnimation;
+    private initEmphasizeAnimation;
+    private get totalDuration();
+    private maskImageDirty;
+    private markImageDirtyPromiseResolve;
+    private markImageDirtyPromise;
+    markMaskImageDirty(_debugReason?: string): Promise<void>;
+    waitMaskImageUpdated(): Promise<void>;
+    updateMaskImage(): Promise<void>;
+    private generateCalcBasedMaskImage;
+    private generateWebAnimationBasedMaskImage;
+    getElement(): HTMLElement;
+    setTransform(top?: number, scale?: number, opacity?: number, blur?: number, force?: boolean, delay?: number): void;
+    update(delta?: number): void;
+    _getDebugTargetPos(): string;
+    get isInSight(): boolean;
+    private disposeElements;
+    dispose(): void;
+}
+export {};

package/dist/lyric-player/index.d.ts

@@ -1,9 +1,10 @@
-import { Disposable, HasElement } from '../interfaces';
-export * from './dom';
-export declare abstract class LyricPlayerBase extends EventTarget implements HasElement, Disposable {
-    protected element: HTMLElement;
-    constructor();
-    protected onResize(): void;
-    getElement(): HTMLElement;
-    dispose(): void;
-}
+import { DomLyricPlayer } from './dom/index.ts';
+export { LyricPlayerBase } from './base.ts';
+export * from './canvas/index.ts';
+export * from './dom-slim/index.ts';
+export * from './dom/index.ts';
+export { 
+/**
+ * 默认导出的歌词播放组件
+ */
+DomLyricPlayer as LyricPlayer, };

package/dist/utils/flagsets.d.ts

@@ -0,0 +1,17 @@
+export declare class FlagSets {
+    private flags;
+    private _size;
+    get size(): number;
+    [Symbol.iterator](): {
+        next: () => {
+            value: number;
+            done: boolean;
+        } | {
+            value: undefined;
+            done: boolean;
+        };
+    };
+    add(flag: number): void;
+    delete(flag: number): void;
+    has(flag: number): boolean;
+}

package/dist/utils/is-cjk.d.ts

@@ -0,0 +1 @@
+export declare const isCJK: (char: string) => boolean;

package/dist/utils/lyric-split-words.d.ts

@@ -0,0 +1,11 @@
+import { LyricWord } from '../interfaces.ts';
+/**
+ * 将输入的单词重新分组，之间没有空格的单词将会组合成一个单词数组
+ *
+ * 例如输入：`["Life", " ", "is", " a", " su", "gar so", "sweet"]`
+ *
+ * 应该返回：`["Life", " ", "is", " a", [" su", "gar"], "so", "sweet"]`
+ * @param words 输入的单词数组
+ * @returns 重新分组后的单词数组
+ */
+export declare function chunkAndSplitLyricWords(words: LyricWord[]): (LyricWord | LyricWord[])[];

package/dist/utils/mutex.d.ts

@@ -0,0 +1,2 @@
+export declare function mutexifyFunction<F extends (...args: Args) => Promise<Result>, Args extends any[], Result>(func: F): F;
+export default mutexifyFunction;

package/dist/utils/wa-spring.d.ts

@@ -1,4 +1,4 @@
-import { Disposable } from '..';
+import { Disposable } from '../interfaces.ts';
 export interface SpringParams {
     mass: number;
     damping: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applemusic-like-lyrics/core",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.5",
   "description": "AMLL 的纯 JS 核心组件框架，包括歌词显示组件和背景组件等其它可以复用的组件",
   "repository": {
     "url": "https://github.com/Steve-xmh/applemusic-like-lyrics.git",
@@ -26,26 +26,26 @@
       "require": "./dist/amll-core.cjs"
     },
     "./style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "import": "./dist/amll-core.css",
+      "require": "./dist/amll-core.css"
     }
   },
   "devDependencies": {
-    "@applemusic-like-lyrics/lyric": "^0.0.2",
-    "@biomejs/biome": "^1.8.3",
+    "@applemusic-like-lyrics/lyric": "^0.2.4",
+    "@biomejs/biome": "^1.9.4",
     "@types/deep-freeze": "^0.1.5",
     "@types/stats.js": "^0.17.3",
     "@types/ungap__structured-clone": "^1.2.0",
-    "lil-gui": "^0.18.2",
+    "lil-gui": "^0.20.0",
     "stats.js": "^0.17.0",
-    "typedoc": "^0.26.5",
-    "typedoc-plugin-markdown": "^4.2.3",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.0",
-    "vite-plugin-dts": "^4.0.3",
-    "vite-plugin-glsl": "^1.3.0",
-    "vite-plugin-top-level-await": "^1.4.4",
-    "vite-plugin-wasm": "^3.3.0",
+    "typedoc": "^0.28.1",
+    "typedoc-plugin-markdown": "^4.6.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.3",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-glsl": "^1.3.3",
+    "vite-plugin-top-level-await": "^1.5.0",
+    "vite-plugin-wasm": "^3.4.1",
     "@applemusic-like-lyrics/ttml": "^0.1.1"
   },
   "peerDependencies": {
@@ -58,10 +58,10 @@
     "@pixi/sprite": "*"
   },
   "dependencies": {
-    "@ungap/structured-clone": "^1.2.0",
+    "@ungap/structured-clone": "^1.3.0",
     "bezier-easing": "^2.1.0",
     "deep-freeze": "^0.0.1",
-    "gl-matrix": "^4.0.0-beta.2"
+    "gl-matrix": "4.0.0-beta.2"
   },
   "scripts": {
     "build:docs": "typedoc --plugin typedoc-plugin-markdown --out docs src/index.ts",

package/dist/lyric-player/layouter.d.ts

@@ -1,2 +0,0 @@
-export declare class LyricLayouter {
-}

package/dist/style.css

@@ -1 +0,0 @@
-._lyricLine_kocao_6{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:0;width:var(--amll-lp-line-width,100%);min-width:var(--amll-lp-line-width,100%);max-width:var(--amll-lp-line-width,100%);padding:2vh var(--amll-lp-line-padding-x,1em);contain:content;box-sizing:content-box;border-radius:16px;height:-moz-fit-content;height:fit-content;transition:filter .2s,background-color .25s,box-shadow .25s;position:absolute}._lyricLine_kocao_6:has(>*):hover{background-color:var(--amll-lp-hover-bg-color,#fff1);box-shadow:0 0 0 4px var(--amll-lp-hover-bg-color,#fff1)}._lyricLine_kocao_6:has(>*):active{box-shadow:0 0 0 var(--amll-lp-hover-bg-color,#fff1)}._lyricBgLine_kocao_31{opacity:0;font-size:max(calc(100%*var(--amll-lp-bg-line-scale,70%)),10px);padding:1vh calc(var(--amll-lp-line-padding-x,1em)/var(--amll-lp-bg-line-scale,.7));transition:opacity .25s,scale .5s,filter .2s,background-color .25s,box-shadow .25s}._lyricBgLine_kocao_31._active_kocao_40{opacity:.4;transition:opacity .5s .25s,scale 1.5s cubic-bezier(0,1,0,1) .25s,filter .2s,background-color .25s,box-shadow .25s}._lyricDuetLine_kocao_47{text-align:right;transform-origin:100%}._lyricMainLine_kocao_52{margin:-1em;padding:1em;transition:opacity .3s .1s}._lyricMainLine_kocao_52 span{display:inline-block}._lyricMainLine_kocao_52>span{white-space:pre-wrap;margin:-1em;padding:1em;display:inline-block}._lyricMainLine_kocao_52>span._emphasize_kocao_62{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52>span._emphasize_kocao_62>span{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52>span span._emphasize_kocao_62{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52>span span._emphasize_kocao_62>span{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52 span._emphasizeWrapper_kocao_62{white-space:pre-wrap;margin:-1em;padding:1em;display:inline-block}._lyricMainLine_kocao_52 span._emphasizeWrapper_kocao_62._emphasize_kocao_62{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52 span._emphasizeWrapper_kocao_62._emphasize_kocao_62>span{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52 span._emphasizeWrapper_kocao_62 span._emphasize_kocao_62{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricMainLine_kocao_52 span._emphasizeWrapper_kocao_62 span._emphasize_kocao_62>span{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:-1em;padding:1em}._lyricSubLine_kocao_84{opacity:.3;font-size:max(.5em,10px);line-height:1.5em;transition:opacity .2s .25s}._disableSpring_kocao_91>*{transition:filter .25s,transform .5s,background-color .25s,box-shadow .25s}._interludeDots_kocao_96{transform-origin:50%;padding:2.5% calc(var(--amll-lp-line-padding-x,1em)*.6);gap:.25em;width:-moz-fit-content;width:fit-content;height:max(.5em,min(1vh,3em));display:flex;position:absolute;left:1em}._interludeDots_kocao_96>*{aspect-ratio:1;background-color:var(--amll-lp-color,white);border-radius:50%;height:max(.5em,min(1vh,3em));margin-right:4px;display:inline-block}._interludeDots_kocao_96._duet_kocao_115{transform-origin:50%;right:1em}@supports (mix-blend-mode:plus-lighter){._lyricSubLine_kocao_84{opacity:.3}}._tmpDisableTransition_kocao_127{transition:none!important}.amll-lyric-player.dom{--amll-lp-line-width-aspect:.8;--amll-lp-line-padding-x:1em;--amll-lp-bg-line-scale:.7;-webkit-user-select:none;user-select:none;font-size:var(--amll-lp-font-size,max(max(4.7vh,3.2vw),12px));box-sizing:content-box;z-index:1;color:var(--amll-lp-color,white);mix-blend-mode:plus-lighter;contain:strict;width:100%;max-width:100%;height:100%;margin:-1em;padding:1em;line-height:1.2em;overflow:hidden}.amll-lyric-player.dom:hover .lyric-line{filter:unset!important}@media screen and (max-width:768px){.amll-lyric-player{--amll-lp-line-width-aspect:1;--amll-lp-line-padding-x:0}}