@aigamo/hydrangean-diva 0.0.1-alpha.7 → 0.0.1-alpha.71

package/package.json

@@ -1,72 +1,83 @@
 {
   "name": "@aigamo/hydrangean-diva",
-  "version": "0.0.1-alpha.7",
+  "version": "0.0.1-alpha.71",
   "type": "module",
   "dependencies": {
-    "@aigamo/nostalgic-diva": "^1.14.2",
-    "@aigamo/route-sphere": "^2.0.2",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eui": "^101.2.0",
+    "@elastic/eui": "^113.1.0",
     "@emotion/cache": "^11.14.0",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
-    "@fluentui/react-icons": "^2.0.266",
-    "ajv": "^8.17.1",
-    "lodash-es": "^4.17.21",
-    "mobx": "^6.13.5",
-    "mobx-react-lite": "^4.0.7",
+    "@fluentui/react-icons": "^2.0.319",
+    "@tanstack/react-router": "^1.144.0",
+    "@tanstack/react-router-devtools": "^1.144.0",
+    "ajv": "^8.20.0",
+    "ez-modal-react": "^1.0.5",
+    "lodash-es": "^4.18.1",
+    "mobx": "^6.15.3",
+    "mobx-react-lite": "^4.1.1",
     "moment": "^2.30.1",
+    "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "qs": "^6.13.1",
+    "qs": "^6.15.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.28.0",
     "react-sortablejs": "^6.1.4",
-    "sortablejs": "^1.15.6",
-    "utility-types": "^3.11.0"
+    "sortablejs": "^1.15.7",
+    "utility-types": "^3.11.0",
+    "@aigamo/nostalgic-diva": "0.0.1-alpha.71",
+    "@aigamo/route-sphere": "0.0.1-alpha.71"
   },
   "devDependencies": {
+    "@eslint/compat": "^2.1.0",
+    "@eslint/eslintrc": "^3.3.5",
+    "@tanstack/router-plugin": "^1.145.2",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.10.1",
-    "@types/qs": "^6.9.17",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "@vite-pwa/assets-generator": "^0.2.6",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "@types/node": "^25.0.3",
+    "@types/nprogress": "^0.2.3",
+    "@types/qs": "^6.15.1",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.59.3",
+    "@typescript-eslint/parser": "^8.59.3",
+    "@typescript/native-preview": "7.0.0-dev.20260421.2",
+    "@vite-pwa/assets-generator": "^1.0.2",
+    "@vitejs/plugin-react": "^6.0.2",
+    "eslint": "^10.4.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-config-react-app": "^7.0.1",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-boundaries": "^6.0.2",
     "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "jsdom": "^25.0.1",
-    "prettier": "^3.4.2",
-    "typescript": "^5.7.2",
-    "vite": "^5.4.19",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-pwa": "^0.20.5",
-    "vitest": "^2.1.9",
-    "workbox-core": "^7.3.0",
-    "workbox-precaching": "^7.3.0",
-    "workbox-routing": "^7.3.0"
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "jsdom": "^29.1.1",
+    "prettier": "^3.8.3",
+    "vite": "^8.0.13",
+    "vite-plugin-dts": "^5.0.0",
+    "vite-plugin-externalize-deps": "^0.10.0",
+    "vite-plugin-pwa": "^1.3.0",
+    "vitest": "^4.1.6",
+    "workbox-core": "^7.4.1",
+    "workbox-precaching": "^7.4.1",
+    "workbox-routing": "^7.4.1"
   },
   "peerDependencies": {
-    "@aigamo/nostalgic-diva": "^1.14.2",
-    "@aigamo/route-sphere": "^2.0.2",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eui": "^101.2.0",
+    "@elastic/eui": "^113.1.0",
     "@emotion/cache": "^11.14.0",
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
-    "@fluentui/react-icons": "^2.0.266",
+    "@fluentui/react-icons": "^2.0.319",
+    "@tanstack/react-router": "^1.144.0",
+    "@tanstack/react-router-devtools": "^1.144.0",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "@aigamo/route-sphere": "0.0.1-alpha.71"
   },
   "files": [
     "dist"
@@ -108,10 +119,11 @@
     "url": "https://github.com/ycanardeau/hydrangean-diva/issues"
   },
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "build:lib": "tsc && vite build --config vite.config.lib.ts",
-    "preview": "vite preview",
+    "dev": "vite --config vite.config.app.ts",
+    "build": "tsgo -b && vite build",
+    "build:app": "tsgo -b && vite build --config vite.config.app.ts",
+    "lint": "eslint .",
+    "preview": "vite preview --config vite.config.app.ts",
     "test": "vitest --environment=jsdom"
   }
 }

package/dist/App.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-declare const App: () => ReactElement;
-export default App;

package/dist/features/media-player/components/AddVideoButton.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ReactElement } from 'react';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-interface AddVideoButtonProps {
-    playQueueStore: PlayQueueStore;
-}
-export declare const AddVideoButton: React.MemoExoticComponent<({ playQueueStore }: AddVideoButtonProps) => ReactElement>;
-export {};

package/dist/features/media-player/components/BottomBar.d.ts

@@ -1,12 +0,0 @@
-import { ReactElement } from 'react';
-import { PlayerStore } from '../stores/PlayerStore';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-export declare const bottomBarHeight = 80;
-interface BottomBarProps {
-    playerStore: PlayerStore;
-    playQueueStore: PlayQueueStore;
-}
-export declare const BottomBar: (({ playerStore, playQueueStore }: BottomBarProps) => ReactElement) & {
-    displayName: string;
-};
-export {};

package/dist/features/media-player/components/HydrangeanDiva.d.ts

@@ -1,11 +0,0 @@
-import { ReactElement } from 'react';
-import { PlayerStore } from '../stores/PlayerStore';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-interface HydrangeanDivaProps {
-    playerStore: PlayerStore;
-    playQueueStore: PlayQueueStore;
-}
-export declare const HydrangeanDiva: (({ playerStore, playQueueStore }: HydrangeanDivaProps) => ReactElement) & {
-    displayName: string;
-};
-export {};

package/dist/features/media-player/components/MiniPlayer.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { PlayerStore } from '../stores/PlayerStore';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-export declare const miniPlayerSize: {
-    readonly width: number;
-    readonly height: number;
-};
-interface MiniPlayerProps {
-    playerStore: PlayerStore;
-    playQueueStore: PlayQueueStore;
-}
-export declare const MiniPlayer: (({ playerStore, playQueueStore }: MiniPlayerProps) => ReactElement) & {
-    displayName: string;
-};
-export {};

package/dist/features/media-player/components/PlayQueueStoreContext.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-interface PlayQueueStoreProviderProps {
-    children?: ReactNode;
-}
-export declare const PlayQueueStoreProvider: ({ children, }: PlayQueueStoreProviderProps) => ReactElement;
-export declare const usePlayQueueStore: () => PlayQueueStore;
-export {};

package/dist/features/media-player/components/PlayQueueTable.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from 'react';
-import { PlayQueueStore } from '../stores/PlayQueueStore';
-interface PlayQueueTableProps {
-    playQueueStore: PlayQueueStore;
-}
-export declare const PlayQueueTable: (({ playQueueStore }: PlayQueueTableProps) => ReactElement) & {
-    displayName: string;
-};
-export {};

package/dist/features/media-player/components/PlayerStoreContext.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { PlayerStore } from '../stores/PlayerStore';
-interface PlayerStoreProviderProps {
-    children?: ReactNode;
-}
-export declare const PlayerStoreProvider: ({ children, }: PlayerStoreProviderProps) => ReactElement;
-export declare const usePlayerStore: () => PlayerStore;
-export {};

package/dist/features/media-player/components/index.d.ts

@@ -1,6 +0,0 @@
-export * from './BottomBar';
-export * from './HydrangeanDiva';
-export * from './MediaPlayerLayout';
-export * from './MiniPlayer';
-export * from './PlayerStoreContext';
-export * from './PlayQueueStoreContext';

package/dist/features/media-player/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-export * from './stores';

package/dist/features/media-player/stores/IObservableStateProvider.d.ts

@@ -1,4 +0,0 @@
-import { AnnotationsMap } from 'mobx';
-export interface IObservableStateProvider {
-    makeObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, annotations?: AnnotationsMap<T, AdditionalKeys>): T;
-}

package/dist/features/media-player/stores/IPlayQueueStore.d.ts

@@ -1,15 +0,0 @@
-import { IPlayQueueItemStore, PlayQueueItemDto } from './IPlayQueueItemStore';
-export interface IPlayQueueStore {
-    items: IPlayQueueItemStore[];
-    createItem(dto: PlayQueueItemDto): IPlayQueueItemStore;
-    readonly currentItem: IPlayQueueItemStore | undefined;
-    readonly hasMultipleItems: boolean;
-    setCurrentItem(item: IPlayQueueItemStore | undefined): void;
-    playNext(items: IPlayQueueItemStore[]): Promise<void>;
-    addItems(items: IPlayQueueItemStore[]): Promise<void>;
-    playFirst(items: IPlayQueueItemStore[]): Promise<void>;
-    moveItem(item: IPlayQueueItemStore, index: number): void;
-    removeItems(items: IPlayQueueItemStore[]): Promise<void>;
-    removeItemsAbove(item: IPlayQueueItemStore): Promise<void>;
-    removeOtherItems(item: IPlayQueueItemStore): Promise<void>;
-}

package/dist/features/media-player/stores/MobXObservableStateProvider.d.ts

@@ -1,5 +0,0 @@
-import { AnnotationsMap } from 'mobx';
-import { IObservableStateProvider } from './IObservableStateProvider';
-export declare class MobXObservableStateProvider implements IObservableStateProvider {
-    makeObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, annotations?: AnnotationsMap<T, AdditionalKeys>): T;
-}

package/dist/features/media-player/stores/ObservableStateProvider.d.ts

@@ -1,5 +0,0 @@
-import { AnnotationsMap } from 'mobx';
-import { IObservableStateProvider } from './IObservableStateProvider';
-export declare class ObservableStateProvider implements IObservableStateProvider {
-    makeObservable<T extends object, AdditionalKeys extends PropertyKey = never>(target: T, annotations?: AnnotationsMap<T, AdditionalKeys>): T;
-}

package/dist/features/media-player/stores/PlayQueueLocalStorageState.d.ts

@@ -1,10 +0,0 @@
-import { PlayQueueItemDto } from './IPlayQueueItemStore';
-import { RepeatMode } from './RepeatMode';
-export interface PlayQueueLocalStorageState {
-    version?: '1.0';
-    repeat?: RepeatMode;
-    shuffle?: boolean;
-    items?: PlayQueueItemDto[];
-    currentIndex?: number;
-}
-export declare const validatePlayQueueLocalStorageState: import('ajv').ValidateFunction<PlayQueueLocalStorageState>;

package/dist/features/media-player/stores/PlayerStore.d.ts

@@ -1,15 +0,0 @@
-import { TimeEvent } from '@aigamo/nostalgic-diva';
-import { IObservableStateProvider } from './IObservableStateProvider';
-export declare class PlayerStore {
-    playing: boolean;
-    percent: number;
-    seeking: boolean;
-    constructor(observableStateProvider: IObservableStateProvider);
-    setPlaying(value: boolean): void;
-    setPercent(value: number): void;
-    setSeeking(value: boolean): void;
-    onPlay(): void;
-    onPause(): void;
-    onEnded(): void;
-    onTimeUpdate({ percent }: TimeEvent): void;
-}

package/dist/features/media-player/stores/index.d.ts

@@ -1,6 +0,0 @@
-export * from './IObservableStateProvider';
-export * from './IPlayQueueItemStore';
-export * from './IPlayQueueStore';
-export * from './MobXObservableStateProvider';
-export * from './ObservableStateProvider';
-export * from './RepeatMode';