DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
79 lines
2.1 KiB
Text
79 lines
2.1 KiB
Text
/**
|
|
* @license
|
|
* Copyright 2021 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {DOM} from '../renderer/dom.js';
|
|
import {ReportRenderer} from '../renderer/report-renderer.js';
|
|
import {ReportUIFeatures} from '../renderer/report-ui-features.js';
|
|
import {CategoryRenderer} from './category-renderer.js';
|
|
import {DetailsRenderer} from './details-renderer.js';
|
|
|
|
/**
|
|
* @param {LH.Result} lhr
|
|
* @param {LH.Renderer.Options} opts
|
|
* @return {HTMLElement}
|
|
*/
|
|
function renderReport(lhr, opts = {}) {
|
|
const rootEl = document.createElement('article');
|
|
rootEl.classList.add('lh-root', 'lh-vars');
|
|
|
|
const dom = new DOM(rootEl.ownerDocument, rootEl);
|
|
const renderer = new ReportRenderer(dom);
|
|
if (opts._onSwapHook) dom._onSwapHook = opts._onSwapHook;
|
|
|
|
renderer.renderReport(lhr, rootEl, opts);
|
|
|
|
// Hook in JS features and page-level event listeners after the report
|
|
// is in the document.
|
|
const features = new ReportUIFeatures(dom, opts);
|
|
features.initFeatures(lhr);
|
|
return rootEl;
|
|
}
|
|
|
|
/**
|
|
* @param {LH.ReportResult.Category} category
|
|
* @param {Parameters<CategoryRenderer['renderCategoryScore']>[2]=} options
|
|
* @return {DocumentFragment}
|
|
*/
|
|
function renderCategoryScore(category, options) {
|
|
const dom = new DOM(document, document.documentElement);
|
|
const detailsRenderer = new DetailsRenderer(dom);
|
|
const categoryRenderer = new CategoryRenderer(dom, detailsRenderer);
|
|
return categoryRenderer.renderCategoryScore(category, {}, options);
|
|
}
|
|
|
|
/**
|
|
* @param {Blob} blob
|
|
* @param {string} filename
|
|
*/
|
|
function saveFile(blob, filename) {
|
|
const dom = new DOM(document, document.documentElement);
|
|
dom.saveFile(blob, filename);
|
|
}
|
|
|
|
/**
|
|
* @param {string} markdownText
|
|
* @return {Element}
|
|
*/
|
|
function convertMarkdownCodeSnippets(markdownText) {
|
|
const dom = new DOM(document, document.documentElement);
|
|
return dom.convertMarkdownCodeSnippets(markdownText);
|
|
}
|
|
|
|
/**
|
|
* @return {DocumentFragment}
|
|
*/
|
|
function createStylesElement() {
|
|
const dom = new DOM(document, document.documentElement);
|
|
return dom.createComponent('styles');
|
|
}
|
|
|
|
export {
|
|
renderReport,
|
|
renderCategoryScore,
|
|
saveFile,
|
|
convertMarkdownCodeSnippets,
|
|
createStylesElement,
|
|
};
|