[PM-328] Move Send to Tools (#5104)

* Move send in libs/common * Move send in libs/angular * Move send in browser * Move send in cli * Move send in desktop * Move send in web
2025-12-21 10:43:35 +00:00 · 2023-03-29 16:23:37 +02:00
parent e645688f8a
commit e238ea20a9
105 changed files with 328 additions and 321 deletions
--- a/apps/browser/src/tools/popup/send/send-groupings.component.ts
+++ b/apps/browser/src/tools/popup/send/send-groupings.component.ts
@@ -0,0 +1,195 @@
+import { ChangeDetectorRef, Component, NgZone } from "@angular/core";
+import { Router } from "@angular/router";
+
+import { SendComponent as BaseSendComponent } from "@bitwarden/angular/tools/send/send.component";
+import { BroadcasterService } from "@bitwarden/common/abstractions/broadcaster.service";
+import { EnvironmentService } from "@bitwarden/common/abstractions/environment.service";
+import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/abstractions/log.service";
+import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
+import { SearchService } from "@bitwarden/common/abstractions/search.service";
+import { PolicyService } from "@bitwarden/common/admin-console/abstractions/policy/policy.service.abstraction";
+import { SendType } from "@bitwarden/common/tools/send/enums/send-type";
+import { SendView } from "@bitwarden/common/tools/send/models/view/send.view";
+import { SendApiService } from "@bitwarden/common/tools/send/services/send-api.service.abstraction";
+import { SendService } from "@bitwarden/common/tools/send/services/send.service.abstraction";
+import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
+
+import { BrowserSendComponentState } from "../../../models/browserSendComponentState";
+import { PopupUtilsService } from "../../../popup/services/popup-utils.service";
+import { BrowserStateService } from "../../../services/abstractions/browser-state.service";
+
+const ComponentId = "SendComponent";
+
+@Component({
+  selector: "app-send-groupings",
+  templateUrl: "send-groupings.component.html",
+})
+export class SendGroupingsComponent extends BaseSendComponent {
+  // Header
+  showLeftHeader = true;
+  // Send Type Calculations
+  typeCounts = new Map<SendType, number>();
+  // State Handling
+  state: BrowserSendComponentState;
+  private loadedTimeout: number;
+
+  constructor(
+    sendService: SendService,
+    i18nService: I18nService,
+    platformUtilsService: PlatformUtilsService,
+    environmentService: EnvironmentService,
+    ngZone: NgZone,
+    policyService: PolicyService,
+    searchService: SearchService,
+    private popupUtils: PopupUtilsService,
+    private stateService: BrowserStateService,
+    private router: Router,
+    private syncService: SyncService,
+    private changeDetectorRef: ChangeDetectorRef,
+    private broadcasterService: BroadcasterService,
+    logService: LogService,
+    sendApiService: SendApiService
+  ) {
+    super(
+      sendService,
+      i18nService,
+      platformUtilsService,
+      environmentService,
+      ngZone,
+      searchService,
+      policyService,
+      logService,
+      sendApiService
+    );
+    super.onSuccessfulLoad = async () => {
+      this.calculateTypeCounts();
+      this.selectAll();
+    };
+  }
+
+  async ngOnInit() {
+    // Determine Header details
+    this.showLeftHeader = !(
+      this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox()
+    );
+    // Clear state of Send Type Component
+    await this.stateService.setBrowserSendTypeComponentState(null);
+    // Let super class finish
+    await super.ngOnInit();
+    // Handle State Restore if necessary
+    const restoredScopeState = await this.restoreState();
+    if (this.state?.searchText != null) {
+      this.searchText = this.state.searchText;
+    }
+
+    if (!this.syncService.syncInProgress) {
+      this.load();
+    } else {
+      this.loadedTimeout = window.setTimeout(() => {
+        if (!this.loaded) {
+          this.load();
+        }
+      }, 5000);
+    }
+
+    if (!this.syncService.syncInProgress || restoredScopeState) {
+      window.setTimeout(() => this.popupUtils.setContentScrollY(window, this.state?.scrollY), 0);
+    }
+
+    // Load all sends if sync completed in background
+    this.broadcasterService.subscribe(ComponentId, (message: any) => {
+      this.ngZone.run(async () => {
+        switch (message.command) {
+          case "syncCompleted":
+            window.setTimeout(() => {
+              this.load();
+            }, 500);
+            break;
+          default:
+            break;
+        }
+
+        this.changeDetectorRef.detectChanges();
+      });
+    });
+  }
+
+  ngOnDestroy() {
+    // Remove timeout
+    if (this.loadedTimeout != null) {
+      window.clearTimeout(this.loadedTimeout);
+    }
+    // Save state
+    this.saveState();
+    // Unsubscribe
+    this.broadcasterService.unsubscribe(ComponentId);
+  }
+
+  async selectType(type: SendType) {
+    this.router.navigate(["/send-type"], { queryParams: { type: type } });
+  }
+
+  async selectSend(s: SendView) {
+    this.router.navigate(["/edit-send"], { queryParams: { sendId: s.id } });
+  }
+
+  async addSend() {
+    if (this.disableSend) {
+      return;
+    }
+    this.router.navigate(["/add-send"]);
+  }
+
+  async removePassword(s: SendView): Promise<boolean> {
+    if (this.disableSend) {
+      return;
+    }
+    super.removePassword(s);
+  }
+
+  showSearching() {
+    return (
+      this.hasSearched || (!this.searchPending && this.searchService.isSearchable(this.searchText))
+    );
+  }
+
+  private calculateTypeCounts() {
+    // Create type counts
+    const typeCounts = new Map<SendType, number>();
+    this.sends.forEach((s) => {
+      if (typeCounts.has(s.type)) {
+        typeCounts.set(s.type, typeCounts.get(s.type) + 1);
+      } else {
+        typeCounts.set(s.type, 1);
+      }
+    });
+    this.typeCounts = typeCounts;
+  }
+
+  private async saveState() {
+    this.state = Object.assign(new BrowserSendComponentState(), {
+      scrollY: this.popupUtils.getContentScrollY(window),
+      searchText: this.searchText,
+      sends: this.sends,
+      typeCounts: this.typeCounts,
+    });
+    await this.stateService.setBrowserSendComponentState(this.state);
+  }
+
+  private async restoreState(): Promise<boolean> {
+    this.state = await this.stateService.getBrowserSendComponentState();
+    if (this.state == null) {
+      return false;
+    }
+
+    if (this.state.sends != null) {
+      this.sends = this.state.sends;
+    }
+    if (this.state.typeCounts != null) {
+      this.typeCounts = this.state.typeCounts;
+    }
+
+    return true;
+  }
+}