prathje/gradio_motioncanvas_agent

1import {makeScene2D, Code} from '@motion-canvas/2d';2import {all, createRef, DEFAULT, waitFor} from '@motion-canvas/core';3 4// Visit https://motioncanvas.io/docs/code/ for more information.5export default makeScene2D(function* (view) {6  view.fill('white');  7  const code = createRef<Code>();8 9  view.add(10    <Code11      ref={code}12      fontSize={28}13      fontFamily={'JetBrains Mono, monospace'}14      fill={"black"}15      offsetX={-1}16      x={-400}17      code={'const number = 7;'}18    />,19  );20 21  yield* waitFor(0.6);22  yield* all(23    code().code.replace(code().findFirstRange('number'), 'variable', 0.6),24    code().code.prepend(0.6)`function example() {\n  `,25    code().code.append(0.6)`\n}`,26  );27 28  yield* waitFor(0.6);29  yield* code().selection(code().findFirstRange('variable'), 0.6);30 31  yield* waitFor(0.6);32  yield* all(33    code().code('const number = 7;', 0.6),34    code().selection(DEFAULT, 0.6),35  );36});