Clips and Tracks: The Building Blocks of WannaCut

interface Clip {
  id: string;
  name: string;
  start: number;
  duration: number;
  color: string;
  trackId: number;
  maxduration: number;
  beginmoment: number;
  originalduration: number;
  blendmode?: 'normal' | 'overlay' | 'screen' | 'multiply' | 'lineardodge' | null;
  mute?: boolean;
  fadein?: number;
  fadeout?: number;
  fadeinAudio?: number;
  fadeoutAudio?: number;
  effects?: Object[];
  transitions?: Object[];
  keyframes?: {
    volume?: Keyframe[];
    opacity?: Keyframe[];
    speed?: Keyframe[];
    rotation3d?: Keyframe[];
    position?: Keyframe[];
    zoom?: Keyframe[];
  };
  type?: string | null;
}

const order_tracks = () => {
  const tracks_order = tracks.sort((a, b) => {
    // Video and Effects tracks come before Audio tracks
    const priority = (type: string) => (type === 'audio' ? 1 : 0);
    const pA = priority(a.type);
    const pB = priority(b.type);

    if (pA !== pB) return pA - pB;  // Different types: video/effects first
    return a.id - b.id;             // Same type: lower ID rendered on top
  });
  return tracks_order;
};