@ribajs/router/src/services/Transition/CustomTransition.ts

Routing extension for Riba.js inspired by Barba.js

import { BaseTransition } from "./BaseTransition.js";
import { Transition } from "../../types/transition.js";

declare global {
  // tslint:disable: interface-name
  interface Window {
    model: any;
  }
}

/**
 * Basic Transition object, wait for the new Container to be ready,
 * scroll top, and finish the transition (removing the old container and displaying the new one)
 *
 * @private
 */
class CustomTransition extends BaseTransition implements Transition {
  public async start() {
    if (!this.newContainerLoading) {
      throw new Error("this.newContainerLoading is not set");
    }
    await this.newContainerLoading;
    this.finish();
    return;
  }

  public async finish() {
    document.body.scrollTop = 0;
    return this.done();
  }
}

export { CustomTransition };