Movement

Author: NellowTCS

Build/index.html

@@ -46,7 +46,7 @@
     <link href="./src/global.css" rel="stylesheet" />
     <!-- Default theme loaded first for instant styling and first load -->
     <link
-      href="./src/themes/Themes/Blue/Blue.theme.css"
+      href="./src/ui/resources/themes/Palettes/Blue/Blue.theme.css"
       rel="stylesheet"
       id="theme-link"
     />

Build/src/components/Icon.tsx

@@ -7,7 +7,7 @@ import React, {
   memo,
 } from "react";
 import { useTranslation } from "react-i18next";
-import { useIconRegistry } from "../helpers/iconLoader";
+import { useIconRegistry } from "../ui/iconLoader";
 import type { IconLookupOptions, ResolvedIcon } from "../types/icons";
 
 interface IconFallbackState {

Build/src/components/Miniplayer.tsx

@@ -2,10 +2,10 @@ import { createRoot } from "react-dom/client";
 import { useTranslation } from "react-i18next";
 import { Button } from "./Button";
 import { Icon } from "./Icon";
-import { getCurrentThemeCSS } from "../helpers/themeMode";
+import { getCurrentThemeCSS } from "../ui/themeMode";
 import styles from "./Miniplayer.module.css";
 import { useAudioStore } from "../contexts/audioStore";
-import { IconRegistryProvider } from "../helpers/iconLoader";
+import { IconRegistryProvider } from "../ui/iconLoader";
 
 interface MiniplayerControls {
   togglePlayPause: () => void;

Build/src/components/Settings.tsx

@@ -20,9 +20,9 @@ import {
 import { ThemeModeSwitch } from "./ThemeModeSwitch";
 import { ShortcutConfig } from "./ShortcutConfig";
 import styles from "./Settings.module.css";
-import { useThemeLoader } from "../helpers/themeLoader";
-import { useIconRegistry } from "../helpers/iconLoader";
-import { useWallpaperLoader } from "../helpers/wallpaperLoader";
+import { useThemeLoader } from "../ui/themeLoader";
+import { useIconRegistry } from "../ui/iconLoader";
+import { useWallpaperLoader } from "../ui/wallpaperLoader";
 import { toast } from "sonner";
 import { useRef, useState, useEffect, JSX } from "react";
 import { useTranslation } from "react-i18next";

Build/src/components/ThemeModeSwitch.tsx

@@ -12,7 +12,7 @@ import {
   switchToDarkMode,
   switchToLightMode,
   switchToAutoMode,
-} from "../helpers/themeMode";
+} from "../ui/themeMode";
 import styles from "./ThemeModeSwitch.module.css";
 
 export interface ThemeModeSwitchProps {

Build/src/components/Wallpaper.tsx

@@ -1,5 +1,5 @@
 import React, { Suspense, useEffect, useRef } from "react";
-import { useWallpaperLoader } from "../helpers/wallpaperLoader";
+import { useWallpaperLoader } from "../ui/wallpaperLoader";
 
 // WallpaperRenderer Component
 interface WallpaperRendererProps {

Build/src/core/engine/engine.ts

@@ -130,12 +130,15 @@ export class KomorebiEngine {
 
     this.stateMachine.transition("loading");
     this.currentError = null;
+    this.events.emit("loading", { track });
 
     this.backend
       .load(track.url)
       .then(() => {
         this.duration = this.backend?.getDuration() ?? track.duration;
         this.stateMachine.transition("ready");
+        this.events.emit("durationchange", { duration: this.duration });
+        this.events.emit("ready", { track });
         this.emitStateChange();
       })
       .catch((error) => {

Build/src/core/engine/types.ts

@@ -127,20 +127,26 @@ export type EngineEvent =
   | "statechange"
   | "trackchange"
   | "timeupdate"
+  | "durationchange"
   | "volumechange"
   | "queuechange"
   | "settingschange"
   | "ended"
+  | "loading"
+  | "ready"
   | "error";
 
 export interface EngineEventMap {
   statechange: { oldState: PlayerState; newState: PlayerState };
   trackchange: { from: Track | null; to: Track | null };
   timeupdate: { currentTime: number; duration: number };
+  durationchange: { duration: number };
   volumechange: { volume: number };
   queuechange: { queue: QueueState };
   settingschange: { settings: Partial<EngineSettings> };
   ended: { track: Track };
+  loading: { track: Track };
+  ready: { track: Track };
   error: { error: EngineError };
 }
 

Build/src/helpers/audioProcessor.ts

@@ -14,7 +14,7 @@ import {
 import ReactDOM from "react-dom/client";
 import { useTranslation } from "react-i18next";
 import i18n from "i18next";
-import { IconRegistryProvider } from "./iconLoader";
+import { IconRegistryProvider } from "../ui/iconLoader";
 import { importAudioFiles } from "./importAudioFiles";
 
 // Extend Window interface for File Handling API