diff --git a/README.md b/README.md index 4e97dac..ac8e8dc 100644 --- a/README.md +++ b/README.md @@ -15,10 +15,10 @@ A dark OLED-friendly theme plugin that transforms Tidal Luna's appearance. - Reduces battery consumption on OLED displays.. i guess <3 - Modern, sleek dark interface -### 🎵 Clean View Luna -**Location:** `plugins/clean-view-luna/` +### 🎵 Radiant Lyrics Luna +**Location:** `plugins/radiant-lyrics-luna/` -Makes your "Play Queue" clean and immersive with dynamic visual effects. +A radiant and beautiful lyrics view for TIDAL with dynamic visual effects. **Features:** - Dynamic album art backgrounds with blur and rotation effects diff --git a/plugins/clean-view-luna/package.json b/plugins/radiant-lyrics-luna/package.json similarity index 55% rename from plugins/clean-view-luna/package.json rename to plugins/radiant-lyrics-luna/package.json index e5e1397..ab656f7 100644 --- a/plugins/clean-view-luna/package.json +++ b/plugins/radiant-lyrics-luna/package.json @@ -1,6 +1,6 @@ { - "name": "@meowarex/clean-view", - "description": "Make your \"Now Playing View\" allot cleaner, heavily based in beautiful-lyrics from @surfbryce!.", + "name": "@meowarex/radiant-lyrics", + "description": "A radiant and beautiful lyrics view for TIDAL, heavily based in beautiful-lyrics from @surfbryce!", "author": { "name": "meowarex", "url": "https://github.com/meowarex", diff --git a/plugins/clean-view-luna/src/Settings.tsx b/plugins/radiant-lyrics-luna/src/Settings.tsx similarity index 79% rename from plugins/clean-view-luna/src/Settings.tsx rename to plugins/radiant-lyrics-luna/src/Settings.tsx index 6ba1991..793a4e4 100644 --- a/plugins/clean-view-luna/src/Settings.tsx +++ b/plugins/radiant-lyrics-luna/src/Settings.tsx @@ -2,7 +2,7 @@ import { ReactiveStore } from "@luna/core"; import { LunaSettings, LunaSwitchSetting } from "@luna/ui"; import React from "react"; -export const settings = await ReactiveStore.getPluginStorage("CleanView", { +export const settings = await ReactiveStore.getPluginStorage("RadiantLyrics", { hideUIEnabled: true, playerBarVisible: true, lyricsGlowEnabled: true, @@ -19,12 +19,12 @@ export const Settings = () => { title="Lyrics Glow Effect" desc="Enable glowing effect for lyrics & Font Stytling Changes" checked={lyricsGlowEnabled} - onChange={(_, checked) => { + onChange={(_, checked: boolean) => { console.log("Lyrics Glow Effect:", checked ? "enabled" : "disabled"); setLyricsGlowEnabled((settings.lyricsGlowEnabled = checked)); // Update styles immediately when setting changes - if ((window as any).updateCleanViewStyles) { - (window as any).updateCleanViewStyles(); + if ((window as any).updateRadiantLyricsStyles) { + (window as any).updateRadiantLyricsStyles(); } }} /> @@ -32,7 +32,7 @@ export const Settings = () => { title="Hide UI Feature" desc="Enable hide/unhide UI functionality with toggle buttons" checked={hideUIEnabled} - onChange={(_, checked) => { + onChange={(_, checked: boolean) => { console.log("Hide UI Feature:", checked ? "enabled" : "disabled"); setHideUIEnabled((settings.hideUIEnabled = checked)); }} @@ -41,12 +41,12 @@ export const Settings = () => { title="Player Bar Visibility in Hide UI Mode" desc="Keep player bar visible when UI is hidden" checked={playerBarVisible} - onChange={(_, checked) => { + onChange={(_, checked: boolean) => { console.log("Player Bar Visibility:", checked ? "visible" : "hidden"); setPlayerBarVisible((settings.playerBarVisible = checked)); // Update styles immediately when setting changes - if ((window as any).updateCleanViewStyles) { - (window as any).updateCleanViewStyles(); + if ((window as any).updateRadiantLyricsStyles) { + (window as any).updateRadiantLyricsStyles(); } }} /> diff --git a/plugins/clean-view-luna/src/index.ts b/plugins/radiant-lyrics-luna/src/index.ts similarity index 94% rename from plugins/clean-view-luna/src/index.ts rename to plugins/radiant-lyrics-luna/src/index.ts index d1ccb9b..fdf1650 100644 --- a/plugins/clean-view-luna/src/index.ts +++ b/plugins/radiant-lyrics-luna/src/index.ts @@ -8,24 +8,24 @@ import separatedLyrics from "file://separated-lyrics.css?minify"; import playerBarHidden from "file://player-bar-hidden.css?minify"; import lyricsGlow from "file://lyrics-glow.css?minify"; -export const { trace } = Tracer("[Clean View]"); +export const { trace } = Tracer("[Radiant Lyrics]"); export { Settings }; // clean up resources export const unloads = new Set(); // StyleTag instances for different CSS modules -const lyricsStyleTag = new StyleTag("CleanView-lyrics", unloads); -const baseStyleTag = new StyleTag("CleanView-base", unloads); -const playerBarStyleTag = new StyleTag("CleanView-player-bar", unloads); -const lyricsGlowStyleTag = new StyleTag("CleanView-lyrics-glow", unloads); +const lyricsStyleTag = new StyleTag("RadiantLyrics-lyrics", unloads); +const baseStyleTag = new StyleTag("RadiantLyrics-base", unloads); +const playerBarStyleTag = new StyleTag("RadiantLyrics-player-bar", unloads); +const lyricsGlowStyleTag = new StyleTag("RadiantLyrics-lyrics-glow", unloads); // Apply lyrics glow styles if enabled if (settings.lyricsGlowEnabled) { lyricsGlowStyleTag.css = lyricsGlow; } -var isCleanView = false; +var isHidden = false; var currentTrackSrc: string | null = null; // Track current album art to prevent unnecessary updates const updateButtonStates = function(): void { @@ -33,16 +33,16 @@ const updateButtonStates = function(): void { const unhideButton = document.querySelector('.unhide-ui-button') as HTMLElement; if (hideButton) { - hideButton.style.display = (settings.hideUIEnabled && !isCleanView) ? 'flex' : 'none'; + hideButton.style.display = (settings.hideUIEnabled && !isHidden) ? 'flex' : 'none'; } if (unhideButton) { - unhideButton.style.display = (settings.hideUIEnabled && isCleanView) ? 'flex' : 'none'; + unhideButton.style.display = (settings.hideUIEnabled && isHidden) ? 'flex' : 'none'; } }; // Function to update styles when settings change -const updateCleanViewStyles = function(): void { - if (isCleanView) { +const updateRadiantLyricsStyles = function(): void { + if (isHidden) { // Apply all clean view styles lyricsStyleTag.css = separatedLyrics; baseStyleTag.css = baseStyles; @@ -69,15 +69,15 @@ const updateCleanViewStyles = function(): void { }; // Make this function available globally so Settings can call it -(window as any).updateCleanViewStyles = updateCleanViewStyles; +(window as any).updateRadiantLyricsStyles = updateRadiantLyricsStyles; -const toggleCleanView = function(): void { +const toggleRadiantLyrics = function(): void { // Toggle the state first - isCleanView = !isCleanView; + isHidden = !isHidden; - if (isCleanView) { + if (isHidden) { // Apply clean view styles - updateCleanViewStyles(); + updateRadiantLyricsStyles(); } else { // Remove all clean view styles lyricsStyleTag.remove(); @@ -140,7 +140,7 @@ const createHideUIButton = function(): void { hideUIButton.style.backgroundColor = 'var(--wave-color-solid-accent-fill)'; }); - hideUIButton.onclick = toggleCleanView; + hideUIButton.onclick = toggleRadiantLyrics; // Insert after the fullscreen button buttonContainer.insertBefore(hideUIButton, fullscreenButton.nextSibling); @@ -201,7 +201,7 @@ const createUnhideUIButton = function(): void { unhideUIButton.style.transform = 'scale(1)'; }); - unhideUIButton.onclick = toggleCleanView; + unhideUIButton.onclick = toggleRadiantLyrics; // Append to body instead of a specific container document.body.appendChild(unhideUIButton); diff --git a/plugins/clean-view-luna/src/lyrics-glow.css b/plugins/radiant-lyrics-luna/src/lyrics-glow.css similarity index 100% rename from plugins/clean-view-luna/src/lyrics-glow.css rename to plugins/radiant-lyrics-luna/src/lyrics-glow.css diff --git a/plugins/clean-view-luna/src/player-bar-hidden.css b/plugins/radiant-lyrics-luna/src/player-bar-hidden.css similarity index 100% rename from plugins/clean-view-luna/src/player-bar-hidden.css rename to plugins/radiant-lyrics-luna/src/player-bar-hidden.css diff --git a/plugins/clean-view-luna/src/separated-lyrics.css b/plugins/radiant-lyrics-luna/src/separated-lyrics.css similarity index 100% rename from plugins/clean-view-luna/src/separated-lyrics.css rename to plugins/radiant-lyrics-luna/src/separated-lyrics.css diff --git a/plugins/clean-view-luna/src/styles.css b/plugins/radiant-lyrics-luna/src/styles.css similarity index 100% rename from plugins/clean-view-luna/src/styles.css rename to plugins/radiant-lyrics-luna/src/styles.css