const editly = require('..');

/* eslint-disable spaced-comment,no-param-reassign */

async function func({ width, height, fabric, canvas }) {
  async function onRender(progress) {
    canvas.backgroundColor = 'hsl(33, 100%, 50%)';

    const text = new fabric.Text(`PROGRESS\n${Math.floor(progress * 100)}%`, {
      originX: 'center',
      originY: 'center',
      left: width / 2,
      top: (height / 2) * (1 + (progress * 0.1 - 0.05)),
      fontSize: 20,
      textAlign: 'center',
      fill: 'white',
    });

    canvas.add(text);
  }

  function onClose() {
    // Cleanup if you initialized anything
  }

  return { onRender, onClose };
}

editly({
  fast: true,
  outPath: './fabric.mp4',
  clips: [
    { duration: 2, layers: [{ type: 'fabric', func }] },
  ],
}).catch(console.error);