Method constructor

apps/client/src/code/pages/page/notes/note.ts:181–538

(args: {
    page: Page;
    id: string;
    index: number;
    collab?: INoteCollabComplete;
  })

  }

  constructor(args: {
    page: Page;
    id: string;
    index: number;
    collab?: INoteCollabComplete;
  }) {
    super(args);

    const react: Omit<INoteReact, keyof IElemReact> = {
      // Region

      _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.react.collab?.container.enabled
          ? this.page.notes.fromIds(this.react.collab?.noteIds ?? [], this.id)
          : [],
      ),
      arrows: computed(() =>
        this.react.collab?.container.enabled
          ? this.page.arrows.fromIds(this.react.collab?.arrowIds ?? [])
          : [],
      ),
      elems: computed(() =>
        (this.react.notes as (PageNote | PageArrow)[]).concat(
          this.react.arrows,
        ),
      ),

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

      // Note

      rootNote: computed(() => {
        if (this.react.region.type === 'note') {
          return this.react.region.react.rootNote;
        } else {
          return this;
        }
      }),

      dragging: false,

      head: {
        editor: shallowRef(null),
        visible: computed(() => this.react.collab.head.enabled),
        heightCSS: makeSectionHeightCSS(this, 'head'),