import { Sequence, OffthreadVideo, staticFile } from 'remotion';
import { VIDEO_FILE } from './videoConfig';
import { cutData } from './cutData';

/**
 * cutData の各 keep セグメントを Sequence で連結し、
 * 元動画(main.mp4)の必要区間だけをつなぎ合わせて再生する。
 * trimBefore/trimAfter で元動画の該当フレーム範囲を切り出す。
 *
 * /supermovie-cut が cutData.ts を書き換えるだけで、MainVideo 側は変更不要。
 * カットなし状態では cutData.ts は全区間を1セグメントで持つ（恒等マッピング）。
 */
export const CutPlayer: React.FC = () => {
  return (
    <>
      {cutData.map((seg) => (
        <Sequence
          key={seg.id}
          from={seg.playbackStart}
          durationInFrames={Math.max(1, seg.playbackEnd - seg.playbackStart)}
        >
          <OffthreadVideo
            src={staticFile(VIDEO_FILE)}
            trimBefore={seg.originalStart}
            trimAfter={seg.originalEnd}
            volume={1.0}
            style={{ width: '100%', height: '100%', objectFit: 'contain' }}
          />
        </Sequence>
      ))}
    </>
  );
};
