chrome-devtools-frontend/front_end/panels/recorder/converters/PuppeteerConverter.ts

Chrome DevTools UI

// Copyright 2023 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import * as PuppeteerReplay from '../../../third_party/puppeteer-replay/puppeteer-replay.js';
import * as Models from '../models/models.js';

import type {Converter} from './Converter.js';

export class PuppeteerConverter implements Converter {
  #indent: string;
  #extension: PuppeteerReplay.PuppeteerStringifyExtension;

  constructor(indent: string) {
    this.#indent = indent;
    this.#extension = this.createExtension();
  }

  getId(): string {
    return Models.ConverterIds.ConverterIds.PUPPETEER;
  }

  createExtension(): PuppeteerReplay.PuppeteerStringifyExtension {
    return new PuppeteerReplay.PuppeteerStringifyExtension();
  }

  getFormatName(): string {
    return 'Puppeteer';
  }

  getFilename(flow: Models.Schema.UserFlow): string {
    return `${flow.title}.js`;
  }

  async stringify(
      flow: Models.Schema.UserFlow,
      ): Promise<[string, PuppeteerReplay.SourceMap|undefined]> {
    const text = await PuppeteerReplay.stringify(flow, {
      indentation: this.#indent,
      extension: this.#extension,
    });
    const sourceMap = PuppeteerReplay.parseSourceMap(text);
    return [PuppeteerReplay.stripSourceMap(text), sourceMap];
  }

  async stringifyStep(step: Models.Schema.Step): Promise<string> {
    return await PuppeteerReplay.stringifyStep(step, {
      indentation: this.#indent,
      extension: this.#extension,
    });
  }

  getMediaType(): string {
    return 'text/javascript';
  }
}