Method applyTreeEdits

src/lib/editor/editor.ts:165–210

* Applies a batch of structured tree edits, typically originating from UI components like the graph view, * to the Monaco editor. This function serves as a specialized bridge, translating high-level, intent-based * edit requests into precise, low-level text manipulations.

(treeEdits: Array<TreeEdit>)

   * edit requests into precise, low-level text manipulations.
   */
  applyTreeEdits(treeEdits: Array<TreeEdit>) {
    // Keep the last value for each treeNodeId in edits
    const uniqueEdits: Array<TreeEdit> = [];
    const idMap = new Map<string, number>();
    treeEdits.forEach((edit, index) => idMap.set(edit.treeNodeId, index));
    idMap.forEach((index) => uniqueEdits.push(treeEdits[index]));

    treeEdits = uniqueEdits.filter((edit) => edit.version === this.tree.version);

    const nodes = treeEdits
      .map((edit) => ({
        ...this.tree.node(edit.treeNodeId),
        newValue: edit.value,
        editTarget: edit.target,
      }))
      .filter((node) => node);
    if (nodes.length === 0) {
      return;
    }

    const edits = nodes.map(({ editTarget, newValue, ...nd }) => {
      let needQuotationMarks = false;
      try {
        JSON.parse(newValue);
        needQuotationMarks = false;
      } catch {
        needQuotationMarks = true;
      }
      needQuotationMarks = needQuotationMarks || editTarget === "key";
      needQuotationMarks = needQuotationMarks && !(newValue.startsWith('"') && newValue.endsWith('"'));

      let text = newValue;
      if (needQuotationMarks) {
        text = `"${escape(newValue)}"`;
      }

      // Keys include double quotes, so the length needs +2
      const range =
        editTarget === "key" ? this.range(nd.boundOffset, nd.keyLength + 2) : this.range(nd.offset, nd.length);
      return { text, range };
    });

    console.l("edit nodes: ", treeEdits, nodes, edits);
    this.editor.executeEdits(null, edits);
    this.editor.pushUndoStop();
  }

  async parseAndSet(
    text: string,