Method constructor

apps/client/src/code/pages/page/page.ts:162–274

(input: { factories: Factories; app: Pages; id: string })

  }

  constructor(input: { factories: Factories; app: Pages; id: string }) {
    this.app = input.app;
    this.id = input.id;

    this.realtimeCtx = new (RealtimeContext())();

    this.react = reactive({
      // Region

      collab: computed(() => this.collab.store.page),

      _nextZIndex: 0,
      nextZIndex: computed({
        get: () =>
          Math.max(this.react.collab.nextZIndex, this.react._nextZIndex),
        set: (value) => {
          value ||= 0;

          this.react.collab.nextZIndex = value;
          this.react._nextZIndex = value;
        },
      }),

      notes: computed(() => this.notes.fromIds(this.react.collab.noteIds)),
      arrows: computed(() => this.arrows.fromIds(this.react.collab.arrowIds)),

      elems: computed(() =>
        (this.react.notes as PageElem[]).concat(this.react.arrows),
      ),

      islandRoot: computed(() => getIslandRoot(this)),
      islandRegions: computed(() => getIslandRegions(this)),

      // Page

      active: computed(() => this.app.react.page === this),

      groupId: computed(() => pageGroupIds()(this.id).get()!),

      readOnly: computed(() => {
        if (
          !!this.realtimeCtx.hget('page', this.id, 'permanent-deletion-date') ||
          !!this.realtimeCtx.hget(
            'group',
            this.react.groupId,
            'permanent-deletion-date',
          )
        ) {
          return true;
        }

        if (authStore().userId == null) {
          return true;
        }

        const userPlan = this.realtimeCtx.hget(
          'user',
          authStore().userId,