refactor: selection mananger (#27325)

web/src/lib/stores/asset-interaction.svelte.spec.ts

@@ -1,45 +0,0 @@
-import { AssetInteraction } from '$lib/stores/asset-interaction.svelte';
-import { resetSavedUser, user } from '$lib/stores/user.store';
-import { AssetVisibility } from '@immich/sdk';
-import { timelineAssetFactory } from '@test-data/factories/asset-factory';
-import { userAdminFactory } from '@test-data/factories/user-factory';
-
-describe('AssetInteraction', () => {
-  let assetInteraction: AssetInteraction;
-
-  beforeEach(() => {
-    assetInteraction = new AssetInteraction();
-  });
-
-  it('calculates derived values from selection', () => {
-    assetInteraction.selectAsset(
-      timelineAssetFactory.build({ isFavorite: true, visibility: AssetVisibility.Archive, isTrashed: true }),
-    );
-    assetInteraction.selectAsset(
-      timelineAssetFactory.build({ isFavorite: true, visibility: AssetVisibility.Timeline, isTrashed: false }),
-    );
-
-    expect(assetInteraction.selectionActive).toBe(true);
-    expect(assetInteraction.isAllTrashed).toBe(false);
-    expect(assetInteraction.isAllArchived).toBe(false);
-    expect(assetInteraction.isAllFavorite).toBe(true);
-  });
-
-  it('updates isAllUserOwned when the active user changes', () => {
-    const [user1, user2] = userAdminFactory.buildList(2);
-    assetInteraction.selectAsset(timelineAssetFactory.build({ ownerId: user1.id }));
-
-    const cleanup = $effect.root(() => {
-      expect(assetInteraction.isAllUserOwned).toBe(false);
-
-      user.set(user1);
-      expect(assetInteraction.isAllUserOwned).toBe(true);
-
-      user.set(user2);
-      expect(assetInteraction.isAllUserOwned).toBe(false);
-    });
-
-    cleanup();
-    resetSavedUser();
-  });
-});

web/src/lib/stores/asset-interaction.svelte.ts

@@ -1,84 +0,0 @@
-import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
-import { user } from '$lib/stores/user.store';
-import type { AssetControlContext } from '$lib/types';
-import { AssetVisibility, type UserAdminResponseDto } from '@immich/sdk';
-import { SvelteMap, SvelteSet } from 'svelte/reactivity';
-import { fromStore } from 'svelte/store';
-
-export class AssetInteraction {
-  private selectedAssetsMap = new SvelteMap<string, TimelineAsset>();
-  selectedAssets = $derived(Array.from(this.selectedAssetsMap.values()));
-  selectAll = $state(false);
-  hasSelectedAsset(assetId: string) {
-    return this.selectedAssetsMap.has(assetId);
-  }
-  selectedGroup = new SvelteSet<string>();
-  assetSelectionCandidates = $state<TimelineAsset[]>([]);
-  hasSelectionCandidate(assetId: string) {
-    return this.assetSelectionCandidates.some((asset) => asset.id === assetId);
-  }
-  assetSelectionStart = $state<TimelineAsset | null>(null);
-  selectionActive = $derived(this.selectedAssetsMap.size > 0);
-
-  private user = fromStore<UserAdminResponseDto | undefined>(user);
-  private userId = $derived(this.user.current?.id);
-
-  asControlContext(): AssetControlContext {
-    return {
-      getOwnedAssets: () => this.selectedAssets.filter((asset) => asset.ownerId === this.userId),
-      getAssets: () => this.selectedAssets,
-      clearSelect: () => this.clearMultiselect(),
-    };
-  }
-
-  isAllTrashed = $derived(this.selectedAssets.every((asset) => asset.isTrashed));
-  isAllArchived = $derived(this.selectedAssets.every((asset) => asset.visibility === AssetVisibility.Archive));
-  isAllFavorite = $derived(this.selectedAssets.every((asset) => asset.isFavorite));
-  isAllUserOwned = $derived(this.selectedAssets.every((asset) => asset.ownerId === this.userId));
-
-  selectAsset(asset: TimelineAsset) {
-    this.selectedAssetsMap.set(asset.id, asset);
-  }
-
-  selectAssets(assets: TimelineAsset[]) {
-    for (const asset of assets) {
-      this.selectAsset(asset);
-    }
-  }
-
-  removeAssetFromMultiselectGroup(assetId: string) {
-    this.selectedAssetsMap.delete(assetId);
-  }
-
-  addGroupToMultiselectGroup(group: string) {
-    this.selectedGroup.add(group);
-  }
-
-  removeGroupFromMultiselectGroup(group: string) {
-    this.selectedGroup.delete(group);
-  }
-
-  setAssetSelectionStart(asset: TimelineAsset | null) {
-    this.assetSelectionStart = asset;
-  }
-
-  setAssetSelectionCandidates(assets: TimelineAsset[]) {
-    this.assetSelectionCandidates = assets;
-  }
-
-  clearAssetSelectionCandidates() {
-    this.assetSelectionCandidates = [];
-  }
-
-  clearMultiselect() {
-    this.selectAll = false;
-
-    // Multi-selection
-    this.selectedAssetsMap.clear();
-    this.selectedGroup.clear();
-
-    // Range selection
-    this.assetSelectionCandidates = [];
-    this.assetSelectionStart = null;
-  }
-}