Build a React editor

Use EditorProvider at the top of your editor surface. Read project and selection state through hooks, and write through the engine.

import { EditorProvider, PlayerCanvas, useEditor } from "@mcut/react"

function AddTrackButton() {
  const engine = useEditor()
  return (
    <button onClick={() => engine.dispatch({ type: "addTrack", name: "Video" })}>
      Add track
    </button>
  )
}

export function Editor() {
  return (
    <EditorProvider>
      <PlayerCanvas />
      <AddTrackButton />
    </EditorProvider>
  )
}

@mcut/react is intentionally thin. Timeline logic should stay in @mcut/timeline or @mcut/editor.