pupeteer_edit_current_browser_tab.js

#!/usr/bin/node

const puppeteer = require('puppeteer');
const fs = require('fs');

// Start Chrome with `--remote-debugging-port=9222` and then goto `localhost:9222/json/version` to get the CDP Url
const cdpUrl = 'ws://localhost:9222/devtools/browser/e3ed8a89-ebb3-40f9-a818-fb1738926229';

const newScript = fs.readFileSync('./new_script.sh', 'utf8');

(async () => {
  console.log('connect to browser...');

  const browser = await puppeteer.connect({
      browserWSEndpoint: cdpUrl,
      defaultViewport: null, // disable puppeteer resize
      product: 'chrome', 
  });
  const pages = await browser.pages();

  const page = pages[pages.length - 1];

  const [link] = await page.$x("//li[1]/div/div/div/div/a[contains(., 'Edit tasks')]");
  link.evaluate(e => e.click());

  await page.waitForNavigation();

  const [deployDiv] = await page.$x("//div[@id='panel-editor-list']/ul/li[3]/a")
  deployDiv.evaluate(e => e.click());

  await page.waitForXPath("//textarea[@id='scriptBody_value']");
  
  await page.$eval('#scriptBody_value', (el, newScript) => el.value = newScript, newScript);

  await page.$eval('#updateEnvironmentTask_save', (el) => el.click());

  page.goBack();

  await page.waitForNavigation();

  browser.disconnect();
})();