Generate Lighthouse script from Recorder panel

generate-pptr-lh-script-from-json.mjs

/**
 * To use:
 * Export a Recording panel recording as JSON. Run this:
 *    node generate-pptr-lh-script-from-json.mjs yourjson.json
 * It'll save a `yourjson.json.pptr.js`
 *   That script is dependent on:
 *      [email protected]
 *      [email protected]
 * Run that script. It'll save a `flow.report.html`. View that. 
 *   It's one of these: https://web.dev/lighthouse-user-flows/
 */

import fs from 'node:fs';
import {stringify, LighthouseStringifyExtension} from '@puppeteer/replay';

const filename = process.argv[2];
const flow = JSON.parse(fs.readFileSync(filename, 'utf-8'));
const scriptContents = await stringify(flow, {
  extension: new LighthouseStringifyExtension(),
});

fs.writeFileSync(`${filename}.pptr.cjs`, scriptContents, 'utf-8');
console.log('Puppeteer+Lighthouse script written to: ', `${filename}.pptr.cjs`);

And sneak peek.. but soon, there will be a new option in the Recorder panel which will replace this gist and directly provide you the yourrecording.pptr.js script: