Method finishSetup

apps/client/src/code/pages/page/page.ts:281–343

()

  }

  async finishSetup() {
    try {
      this.react.loading = true;

      // Setup collaboration

      await this.collab.setup();

      // Post-sync setup

      this.elems.setup();

      this.undoRedo.setup();

      this.react.status = 'success';

      await sleep();
      await watchUntilTrue(() => {
        for (const note of this.react.notes) {
          if (!note.react.loaded) {
            return false;
          }
        }

        return true;
      });
      await sleep();

      mainLogger.sub('page.finishSetup').info('All notes loaded');

      const elemId =
        ((route().value.query.note ?? route().value.query.elem) as string) ??
        '';

      if (isNanoID(elemId)) {
        const elem = this.notes.fromId(elemId) ?? this.arrows.fromId(elemId);

        if (elem != null) {
          this.selection.set(elem);

          const elemElem =
            elem.type === 'note'
              ? elem.getElem('note-frame')
              : elem.getHitboxElem();

          if (elemElem != null) {
            scrollIntoView(elemElem, {
              animate: false,
              centerCamera: true,
            });
          }
        }
      }

      this.camera.fitToScreen();

      await sleep();
    } catch (error) {