Class ImageExporter

packages/core/src/exporter/ImageExporter.ts:28–123

 * @internal
 */
export class ImageExporter implements Exporter {
  public static readonly id = '@revideo/core/image-sequence';
  public static readonly displayName = 'Image sequence';

  public static async create(
    project: Project,
    settings: RendererSettings,
  ): Promise<ImageExporter> {
    return new ImageExporter(project.logger, settings);
  }

  private static readonly response = new EventDispatcher<ServerResponse>();

  static {
    if (import.meta.hot) {
      import.meta.hot.on('revideo:export-ack', response => {
        this.response.dispatch(response);
      });
    }
  }

  private readonly frameLookup = new Set<number>();
  private readonly projectName: string;
  private readonly quality: number;
  private readonly fileType: CanvasOutputMimeType;
  private readonly groupByScene: boolean;

  public constructor(
    private readonly logger: Logger,
    settings: RendererSettings,
  ) {
    if (settings.exporter.name !== ImageExporter.id) {
      throw new Error(
        `Invalid exporter name: ${settings.exporter.name}. Expected: ${ImageExporter.id}`,
      );
    }

    const options = settings.exporter.options as ImageExporterOptions;
    this.projectName = settings.name;
    this.quality = clamp(0, 1, options.quality / 100);
    this.fileType = options.fileType;
    this.groupByScene = options.groupByScene;
  }

  public async start() {
    ImageExporter.response.subscribe(this.handleResponse);
  }

  public async handleFrame(
    canvas: HTMLCanvasElement,
    frame: number,
    sceneFrame: number,
    sceneName: string,
    signal: AbortSignal,
  ) {
    if (this.frameLookup.has(frame)) {
      this.logger.warn(`Frame no. ${frame} is already being exported.`);
      return;