obsidian-excalidraw-plugin/src/utils/ExcalidrawSceneUtils.ts

import { ExcalidrawArrowElement, ExcalidrawElement, ExcalidrawTextElement } from "@zsviczian/excalidraw/types/excalidraw/element/types";
import { Mutable } from "@zsviczian/excalidraw/types/excalidraw/utility-types";


export function updateElementIdsInScene(
  {elements: sceneElements}: {elements: Mutable<ExcalidrawElement>[]},
  elementToChange: Mutable<ExcalidrawElement>,
  newID: string
) {
  if(elementToChange.type === "text") {
    const textElement = elementToChange as Mutable<ExcalidrawTextElement>;
    if(textElement.containerId) {
      const containerEl = sceneElements.find(el=>el.id === textElement.containerId) as unknown as Mutable<ExcalidrawElement>;
      containerEl.boundElements?.filter(x=>x.id === textElement.id).forEach( x => {
        (x.id as Mutable<string>) = newID;
      });
    }
  }

  if(elementToChange.boundElements?.length>0) {
    elementToChange.boundElements.forEach( binding => {
      const boundEl = sceneElements.find(el=>el.id === binding.id) as unknown as Mutable<ExcalidrawElement>;
      boundEl.boundElements?.filter(x=>x.id === elementToChange.id).forEach( x => {
        (x.id as Mutable<string>) = newID;
      });
      if(boundEl.type === "text") {
        boundEl.containerId = newID; 
      }
      if(boundEl.type === "arrow") {
        const arrow = boundEl as Mutable<ExcalidrawArrowElement>;
        if(arrow.startBinding?.elementId === elementToChange.id) {
          arrow.startBinding.elementId = newID;
        }
        if(arrow.endBinding?.elementId === elementToChange.id) {
          arrow.endBinding.elementId = newID;
        }
      }
    });
  }

  if(elementToChange.type === "frame") {
    sceneElements.filter(el=>el.frameId === elementToChange.id).forEach(x => {
      (x.frameId as Mutable<string>) = newID;
    });
  }

  elementToChange.id = newID;
}