lrc-audio-player 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -95,7 +95,9 @@ function parseLRC(lrc) {
     let rest = trimmed;
     let leadingMatch;
     while (leadingMatch = rest.match(/^\[(\d{1,2}):(\d{2})(?:[.:](\d{1,3}))?\]/)) {
-      times.push(timeToSeconds(leadingMatch[1], leadingMatch[2], leadingMatch[3]));
+      times.push(
+        timeToSeconds(leadingMatch[1], leadingMatch[2], leadingMatch[3])
+      );
       rest = rest.slice(leadingMatch[0].length);
     }
     if (times.length === 0) {
@@ -106,17 +108,6 @@ function parseLRC(lrc) {
       lines.push({ time, text, tokens });
     }
   }
-  const offsetSeconds = (metadata.offset ?? 0) / 1e3;
-  if (offsetSeconds) {
-    for (const line of lines) {
-      line.time -= offsetSeconds;
-      if (line.tokens) {
-        for (const token of line.tokens) {
-          token.time -= offsetSeconds;
-        }
-      }
-    }
-  }
   lines.sort((a, b) => a.time - b.time);
   return { metadata, lines };
 }
@@ -144,7 +135,8 @@ var LyricPlayer = class {
     const parsed = this.resolveLyrics(options.lyrics);
     this.metadata = parsed.metadata;
     this.lines = parsed.lines;
-    this.offsetSeconds = (options.offsetMs ?? 0) / 1e3;
+    const tagOffsetMs = parsed.metadata.offset ?? 0;
+    this.offsetSeconds = (tagOffsetMs + (options.offsetMs ?? 0)) / 1e3;
     this.audio.addEventListener("timeupdate", this.handleTimeUpdate);
     this.audio.addEventListener("play", () => this.emit("play"));
     this.audio.addEventListener("pause", () => this.emit("pause"));

package/dist/index.d.cts

@@ -61,13 +61,13 @@ interface LyricPlayerEvents {
 type LyricPlayerEventName = keyof LyricPlayerEvents;
 
 type LyricSource = {
-    type: 'lrc';
+    type: "lrc";
     data: string;
 } | {
-    type: 'json';
+    type: "json";
     data: string | LyricLine[];
 } | {
-    type: 'parsed';
+    type: "parsed";
     data: ParsedLyrics;
 };
 interface LyricPlayerOptions {
@@ -101,7 +101,7 @@ declare class LyricPlayer {
     constructor(options: LyricPlayerOptions);
     private resolveLyrics;
     /** Replace the loaded lyrics at any time (e.g. after fetching a file). */
-    setLyrics(lyrics: LyricPlayerOptions['lyrics']): void;
+    setLyrics(lyrics: LyricPlayerOptions["lyrics"]): void;
     /** Adjust the global lyric offset (in milliseconds) at runtime. */
     setOffset(offsetMs: number): void;
     play(): Promise<void>;

package/dist/index.d.ts

@@ -61,13 +61,13 @@ interface LyricPlayerEvents {
 type LyricPlayerEventName = keyof LyricPlayerEvents;
 
 type LyricSource = {
-    type: 'lrc';
+    type: "lrc";
     data: string;
 } | {
-    type: 'json';
+    type: "json";
     data: string | LyricLine[];
 } | {
-    type: 'parsed';
+    type: "parsed";
     data: ParsedLyrics;
 };
 interface LyricPlayerOptions {
@@ -101,7 +101,7 @@ declare class LyricPlayer {
     constructor(options: LyricPlayerOptions);
     private resolveLyrics;
     /** Replace the loaded lyrics at any time (e.g. after fetching a file). */
-    setLyrics(lyrics: LyricPlayerOptions['lyrics']): void;
+    setLyrics(lyrics: LyricPlayerOptions["lyrics"]): void;
     /** Adjust the global lyric offset (in milliseconds) at runtime. */
     setOffset(offsetMs: number): void;
     play(): Promise<void>;

package/dist/index.js

@@ -67,7 +67,9 @@ function parseLRC(lrc) {
     let rest = trimmed;
     let leadingMatch;
     while (leadingMatch = rest.match(/^\[(\d{1,2}):(\d{2})(?:[.:](\d{1,3}))?\]/)) {
-      times.push(timeToSeconds(leadingMatch[1], leadingMatch[2], leadingMatch[3]));
+      times.push(
+        timeToSeconds(leadingMatch[1], leadingMatch[2], leadingMatch[3])
+      );
       rest = rest.slice(leadingMatch[0].length);
     }
     if (times.length === 0) {
@@ -78,17 +80,6 @@ function parseLRC(lrc) {
       lines.push({ time, text, tokens });
     }
   }
-  const offsetSeconds = (metadata.offset ?? 0) / 1e3;
-  if (offsetSeconds) {
-    for (const line of lines) {
-      line.time -= offsetSeconds;
-      if (line.tokens) {
-        for (const token of line.tokens) {
-          token.time -= offsetSeconds;
-        }
-      }
-    }
-  }
   lines.sort((a, b) => a.time - b.time);
   return { metadata, lines };
 }
@@ -116,7 +107,8 @@ var LyricPlayer = class {
     const parsed = this.resolveLyrics(options.lyrics);
     this.metadata = parsed.metadata;
     this.lines = parsed.lines;
-    this.offsetSeconds = (options.offsetMs ?? 0) / 1e3;
+    const tagOffsetMs = parsed.metadata.offset ?? 0;
+    this.offsetSeconds = (tagOffsetMs + (options.offsetMs ?? 0)) / 1e3;
     this.audio.addEventListener("timeupdate", this.handleTimeUpdate);
     this.audio.addEventListener("play", () => this.emit("play"));
     this.audio.addEventListener("pause", () => this.emit("pause"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lrc-audio-player",
-  "version": "0.1.0",
-  "description": "Sync LRC/word-level lyrics to an HTML audio element with one constructor.",
+  "version": "0.1.1",
+  "description": "Sync LRC/word-level lyrics to an HTML audio element with one constructor. Includes an optional React hook at lrc-audio-player/react.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hangerthem/lrc-audio-player.git"
@@ -22,6 +22,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
     }
   },
   "files": [
@@ -42,8 +47,18 @@
     "karaoke",
     "sync"
   ],
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
   "license": "MIT",
   "devDependencies": {
+    "@types/react": "^19.2.17",
+    "react": "^19.2.7",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "vitest": "^4.1.8"