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

const URL = 'https://github.com/';

(async () => {
  // NOTE: Puppeteer sets an initial page size to 800px x 600px, which defines the screenshot size.
  // The page size can be customized with Page.setViewport()

  const dir = './screens';

  if (!fs.existsSync(dir)) {
    fs.mkdirSync(dir);
  }

  const browser = await puppeteer.launch({
    headless: true,
    ignoreHTTPSErrors: true,
  });

  const page = await browser.newPage();

  page.setViewport({
    width: 1920,
    height: 1080,
  })

  await page.goto(URL, {
    waitUntil: ['networkidle0', 'domcontentloaded'],
    // timeout: 30000,
  });

  await page.screenshot({
    path: 'screens/example.png',
  })

  await page.screenshot({
    path: 'screens/fullpage.png',
    fullPage: true,
  })

  await browser.close();
})();

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

const URL = 'https://github.com/';

// NOTE: u can't add script tag init :) yet
const buildTemplate = (type) => {
  // If you do not need customize =>
  // https://github.com/GoogleChrome/puppeteer/blob/v1.14.0/docs/api.md#pagepdfoptions

  // Since version 1.2+ you can use footerTemplate & headerTemplate API

  return `
    <div style="font-size: 10px; color: red;">
      <span>${ type === 'header' ? 'HEADER' : 'FOOTER'}</span>
      <span class="date"></span> |
      <span class="title"></span> |
      <span class="url"></span> |
      <span class="pageNumber"></span> /
      <span class="totalPages"></span>
    </div>
  `;
}

(async () => {
  const dir = './pdf';

  if (!fs.existsSync(dir)) {
    fs.mkdirSync(dir);
  }

  const browser = await puppeteer.launch({
    headless: true,
    ignoreHTTPSErrors: true,
  });

  const page = await browser.newPage();

  await page.goto(URL, {
    waitUntil: ['networkidle0', 'domcontentloaded'],
    // timeout: 30000,
  });

  await page.pdf({
    path: 'pdf/document.pdf',
    displayHeaderFooter: true,
    headerTemplate: buildTemplate('header'), // new one
    footerTemplate: buildTemplate('footer'), // new one
    printBackground: true,
    landscape: false,
    // pageRanges: '1-2',
    format: 'A4',
    margin: {
      top: 100,
      right: 40,
      bottom: 100,
      left: 40,
    },
  })

  await browser.close();
})();

// ...

// Enable both JavaScript and CSS coverage
  await Promise.all([
    page.coverage.startJSCoverage(),
    page.coverage.startCSSCoverage()
  ]);

  await page.tracing.start({path: 'trace.json'});

  await page.goto(`${URL}/books/allbooks/`, {
    waitUntil: ['networkidle0', 'domcontentloaded'],
    // timeout: 30000,
  });

  // Disable both JavaScript and CSS coverage
  const [jsCoverage, cssCoverage] = await Promise.all([
    page.coverage.stopJSCoverage(),
    page.coverage.stopCSSCoverage(),
  ]);

  let totalJSBytes = 0;
  let usedJSBytes = 0;

  for (const entry of jsCoverage) {
    totalJSBytes += entry.text.length;

    for (const range of entry.ranges) {
      usedJSBytes += range.end - range.start - 1;
    }
  }

  console.log(`JS used (bytes): ${Math.round(usedJSBytes / totalJSBytes * 100)}%`);

  let totalCSSBytes = 0;
  let usedCSSBytes = 0;

  for (const entry of cssCoverage) {
    totalCSSBytes += entry.text.length;

    for (const range of entry.ranges) {
      usedCSSBytes += range.end - range.start - 1;
    }
  }

  console.log(`CSS used (bytes): ${Math.round(usedCSSBytes / totalCSSBytes * 100)}%`);

  // how it was year ago
  // https://michaljanaszek.com/blog/test-website-performance-with-puppeteer

  // for more use CDPSession => client.send(Performance API)
  const metrics = await page.metrics();
  console.log(`Page metrics: \n`, metrics);

  await page.tracing.stop();

// ...

const parse = require('./parse');

const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');

const url = `https://www.mann-ivanov-ferber.ru`;

async function launchChromeAndRunLighthouse(url, opts, config = null) {
  return chromeLauncher.launch({ chromeFlags: opts.chromeFlags }).then((chrome) => {
    opts.port = chrome.port;
    return lighthouse(url, opts, config).then((results) => {
      // use results.lhr for the JS-consumeable output
      // https://github.com/GoogleChrome/lighthouse/blob/master/types/lhr.d.ts
      // use results.report for the HTML/JSON/CSV output as a string
      // use results.artifacts for the trace/screenshots/other specific case you need (rarer)
      return chrome.kill().then(() => results);
    });
  });
}

const opts = {
  chromeFlags: ['--show-paint-rects'],
};

const runLH = async function() {
  try {
    const results = await launchChromeAndRunLighthouse(url, opts);

    const urlArtifactsRes = await parse.getMainArtifacts(results)
    const urlBasicScores = await parse.getBasicsScores(results)

    // console.log('*** Runtime info ***')
    // console.log(urlArtifactsRes.toString())

    console.log('*** Basic scores ***')
    console.log(urlBasicScores.toString())
  } catch (err) {
    console.log(err);
  }
};

runLH()