Method goToPage

apps/client/src/code/pages/pages.ts:251–306

(
    pageId: string,
    params?: { fromParent?: boolean; openInNewTab?: boolean; elemId?: string },
  )

  }

  async goToPage(
    pageId: string,
    params?: { fromParent?: boolean; openInNewTab?: boolean; elemId?: string },
  ) {
    mainLogger.sub('Pages.goToPage').info('pageId: %s', pageId);

    // Open in a new tab

    if (params?.openInNewTab) {
      window.open(
        multiModePath(
          `/pages/${pageId}${params?.elemId ? `?elem=${params?.elemId}` : ''}`,
        ),
        '_blank',
      );
      return;
    }

    if (params?.fromParent && this.react.pageId !== pageId) {
      this.parentPageId = this.react.pageId;
    }

    this.react.page.editing.stop();

    await router().push({
      name: 'page',
      params: { pageId },
      query: { elem: params?.elemId },
    });

    const cachedPage = this.pageCache.get(pageId);

    if (
      cachedPage != null &&
      cachedPage.react.status === 'success' &&
      !cachedPage.react.loading &&
      isNanoID(params?.elemId ?? '')
    ) {
      const elem =
        cachedPage.notes.fromId(params?.elemId!) ??
        cachedPage.arrows.fromId(params?.elemId!);

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

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

        if (elemElem != null) {
          scrollIntoView(elemElem, { centerCamera: true });
        }
      }
    }
  }
  async goToGroup(
    groupId: string,