تنظیم امکان بازگشت و رفتار دکمه بازگشت در اپسان

import { AppsanWeb, AvailableBackCountProvider } from "./AppsanWeb";

export class ConfirmableBackCountProvider implements AvailableBackCountProvider {
  private availableHistoryCount = 1;

  constructor() {
    // Patch history.pushState so we can track forward navigation
    const h = window.history as any;
    const originalPushState = h.pushState;
    h.pushState = (...args: any[]) => {
      this.onPushState();
      return originalPushState.apply(h, args);
    };

    // Track browser back/forward via popstate
    window.addEventListener("popstate", () => this.onPopState());

    // Hook custom back handler to show a confirmation dialog
    AppsanWeb.setCustomBackHandler(() => this.showConfirmationDialog());
  }

  private onPushState(): void {
    this.availableHistoryCount++;
    (AppsanWeb as any).instance.post(
      (AppsanWeb as any).MESSAGE_TYPE_AVAILABLE_HISTORY_COUNT,
      this.availableHistoryCount
    );
  }

  private onPopState(): void {
    this.availableHistoryCount = Math.max(0, this.availableHistoryCount - 1);
    (AppsanWeb as any).instance.post(
      (AppsanWeb as any).MESSAGE_TYPE_AVAILABLE_HISTORY_COUNT,
      this.availableHistoryCount
    );
  }

  getAvailableHistoryCount(): number {
    return this.availableHistoryCount;
  }

  clearBackStack(): void {
    this.availableHistoryCount = 1;
    (AppsanWeb as any).instance.post(
      (AppsanWeb as any).MESSAGE_TYPE_AVAILABLE_HISTORY_COUNT,
      1
    );
  }

  private showConfirmationDialog(): void {
    if (confirm("آیا مطمئن هستید می‌خواهید بازگشت کنید؟")) {
      history.back();
    }
  }
}

1. نمونه سازنده را بسازید:

   const backHandler = new ConfirmableBackCountProvider();

2. کلاس ساخته شده را به setAppsanBackCountProvider بدهید