Function createClipTree

packages/core/src/runtime/clipTree.ts:109–138

(params: {
  startResolver: StartResolverLike;
  timelineRegistry: Record<string, RuntimeTimelineLike | undefined>;
  rootDuration: number;
})

}

export function createClipTree(params: {
  startResolver: StartResolverLike;
  timelineRegistry: Record<string, RuntimeTimelineLike | undefined>;
  rootDuration: number;
}): ClipTree {
  const { startResolver, timelineRegistry, rootDuration } = params;
  const elementToNode = new Map<Element, MutableClipNode>();

  const root = document.querySelector("[data-composition-id]");
  let ordinal = 0;

  for (const el of document.querySelectorAll("[data-start]")) {
    if (el === root || DECORATIVE_TAGS.has(el.tagName)) continue;
    const absoluteStart = startResolver.resolveStartForElement(el, 0);
    if (resolveDuration(el, timelineRegistry, rootDuration, absoluteStart) <= 0) continue;
    const node: MutableClipNode = {
      id: stableClipId(el) ?? `__clip-${ordinal++}`,
      element: el,
      parentId: null,
      children: [],
    };
    elementToNode.set(el, node);
  }

  linkParentChild(elementToNode);

  return {
    roots: Array.from(elementToNode.values()).filter((n) => n.parentId === null),
  };
}