Class NoteDragging

apps/client/src/code/pages/page/notes/dragging.ts:18–265

}

export class NoteDragging {
  readonly page: Page;

  react: UnwrapRef<IDraggingReact>;

  initialRegionId?: string;
  finalRegionId?: string;

  initialPointerPos: Vec2 = new Vec2();
  originalNotePositions: Record<string, Vec2> = {};

  private _cancelPointerEvents?: () => void;

  constructor(input: { page: Page }) {
    this.page = input.page;

    this.react = refProp<IDraggingReact>(this, 'react', {
      active: false,
    });
  }

  start(params: { note: PageNote; event: PointerEvent }) {
    if (this.page.react.readOnly) {
      return;
    }

    // Prevent dragging unmovable notes

    if (
      this.page.activeElem.react.value?.type === 'note' &&
      !this.page.activeElem.react.value.react.collab.movable
    ) {
      if (params.event.pointerType !== 'mouse') {
        this.page.panning.start(params.event);
      }

      return;
    }

    this.react = { active: false };

    this.initialPointerPos = this.page.pos.eventToClient(params.event);

    this._cancelPointerEvents = listenPointerEvents(params.event, {
      dragStartDistance: 5,

      dragStart: () => this._dragStart(params),
      dragUpdate: this._dragUpdate,
      dragEnd: this._dragFinish,
    });
  }

  private _dragStart = async (params: {
    note: PageNote;
    event: PointerEvent;
  }) => {
    this.initialRegionId = this.page.activeRegion.react.value.id;
    this.finalRegionId = this.page.id;