import Component from "@ember/component";
import Scrolling from "discourse/mixins/scrolling";
import { next } from "@ember/runloop";

export default Component.extend(Scrolling, {
  didReceiveAttrs() {
    this._super(...arguments);

    this.set("trackerName", `scroll-tracker-${this.name}`);
  },

  didInsertElement() {
    this._super(...arguments);

    this.bindScrolling({ name: this.name });
  },

  didRender() {
    this._super(...arguments);

    const data = this.session.get(this.trackerName);
    if (data && data.position >= 0 && data.tag === this.tag) {
      next(() => $(window).scrollTop(data.position + 1));
    }
  },

  willDestroyElement() {
    this._super(...arguments);

    this.unbindScrolling(this.name);
  },

  scrolled() {
    this._super(...arguments);

    this.session.set(this.trackerName, {
      position: $(window).scrollTop(),
      tag: this.tag,
    });
  },
});
