@braccato/core 1.16.8 → 1.16.10

package/dist/inject.js

@@ -15,7 +15,7 @@ import { alignImageGlowRun, wrapImageHighlight } from "./imageHighlights.js";
 import { normalizeLanguage } from "./language.js";
 import { BACKGROUND_LINE_CLASS, BACKGROUND_LYRIC_CLASS, BIDI_RUN_CLASS, BIDI_SENSITIVE_CLASS, CONTENT_LINE_CLASS, EXPLICIT_WORD_CLASS, HIGHLIGHT_RUN_CLASS, LETTER_CLASS, LINE_MAIN_CLASS, LINE_SYNCED_WORD_CLASS, LONG_WORD_GROUP_CLASS, ROMANIZED_LYRICS_CLASS, RTL_CLASS, TRANSLATED_LYRICS_CLASS, WORD_CLASS, WORD_GROUP_CLASS, WORD_HIGHLIGHT_CLASS, WORD_HIGHLIGHT_LETTERED_CLASS, WORD_STATE_ATTR, WORD_STATE_UPCOMING, ZERO_DURATION_ANIMATION_CLASS, } from "./constants.js";
 import { getSeekTimeFromClick } from "./seek.js";
-import { testJoiningScript, testRtl } from "./text.js";
+import { isSameText, testJoiningScript, testRtl } from "./text.js";
 import { registerThemeSetting } from "./themeSettings.js";
 export let disableRichsync = registerThemeSetting("blyrics-disable-richsync", false, true);
 let lineSyncedAnimationDelay = registerThemeSetting("blyrics-line-synced-animation-delay", 50, true);
@@ -414,8 +414,15 @@ export function addSeekHandler(seek, lyricElement, allZero) {
         seek(seekTime);
     });
 }
+function repeatsLine(lyricElement, text) {
+    const mainRun = [
+        ...(lyricElement.querySelector(`:scope > .${LINE_MAIN_CLASS}`)?.querySelectorAll(`:scope > .${BIDI_RUN_CLASS}`) ??
+            []),
+    ].find(run => !run.classList.contains(HIGHLIGHT_RUN_CLASS));
+    return mainRun?.textContent != null && isSameText(mainRun.textContent, text);
+}
 export function injectRomanization(doc, lyricElement, lineData, text, timedRomanization = null) {
-    if (lyricElement.querySelector(`.${ROMANIZED_LYRICS_CLASS}`))
+    if (lyricElement.querySelector(`.${ROMANIZED_LYRICS_CLASS}`) || repeatsLine(lyricElement, text))
         return;
     const romanizedLine = doc.createElement("div");
     romanizedLine.classList.add(ROMANIZED_LYRICS_CLASS, CONTENT_LINE_CLASS);
@@ -433,7 +440,7 @@ export function injectRomanization(doc, lyricElement, lineData, text, timedRoman
     lyricElement.insertBefore(romanizedLine, translation);
 }
 export function injectTranslation(doc, lyricElement, text, language) {
-    if (lyricElement.querySelector(`.${TRANSLATED_LYRICS_CLASS}`))
+    if (lyricElement.querySelector(`.${TRANSLATED_LYRICS_CLASS}`) || repeatsLine(lyricElement, text))
         return;
     const translatedLine = doc.createElement("div");
     translatedLine.classList.add(TRANSLATED_LYRICS_CLASS, CONTENT_LINE_CLASS);

package/dist/styles/lyrics.css

@@ -211,9 +211,15 @@
 	mask-position: 100% 0%;
 }
 
+/* text-decoration skips inline-block letters and rides the wave, so draw on the word box instead, from its
+   center (fixed against the text at any line-height), with layout-neutral padding so a tight box can hold it. */
 [blyrics-alt-hover] .blyrics--word:hover {
-	text-decoration: underline;
-	text-underline-offset: 0.15em;
+	padding-block: 0.25em;
+	margin-block: -0.25em;
+	background-image: linear-gradient(currentColor, currentColor);
+	background-position: 0 calc(50% + 0.54em);
+	background-repeat: no-repeat;
+	background-size: 100% 0.06em;
 }
 
 .blyrics--line > .blyrics-line-main > .blyrics-background-lyric,

package/dist/text.d.ts

@@ -9,4 +9,5 @@ export declare function containsNonLatin(text: string): boolean;
 declare const SCRIPT_TO_LANG: readonly [readonly [RegExp, "ja"], readonly [RegExp, "ko"], readonly [RegExp, "zh"], readonly [RegExp, "ru"], readonly [RegExp, "hi"], readonly [RegExp, "ar"], readonly [RegExp, "th"], readonly [RegExp, "el"], readonly [RegExp, "he"], readonly [RegExp, "bn"], readonly [RegExp, "ta"], readonly [RegExp, "te"], readonly [RegExp, "ml"], readonly [RegExp, "kn"], readonly [RegExp, "gu"], readonly [RegExp, "pa"], readonly [RegExp, "si"], readonly [RegExp, "my"], readonly [RegExp, "ka"], readonly [RegExp, "km"], readonly [RegExp, "lo"]];
 type NonLatinLanguageCode = (typeof SCRIPT_TO_LANG)[number][1];
 export declare function detectNonLatinLanguage(text: string): NonLatinLanguageCode | null;
+export declare const isSameText: (a: string, b: string) => boolean;
 export {};

package/dist/text.js

@@ -53,3 +53,5 @@ export function detectNonLatinLanguage(text) {
     }
     return null;
 }
+const comparable = (text) => text.toLowerCase().replaceAll(/\p{P}/gu, "").trim();
+export const isSameText = (a, b) => comparable(a) === comparable(b);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braccato/core",
-  "version": "1.16.8",
+  "version": "1.16.10",
   "description": "Synchronized lyrics renderer with word-by-word animations",
   "type": "module",
   "license": "MIT",