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>
220 lines
6 KiB
Text
220 lines
6 KiB
Text
/**
|
|
* @license
|
|
* Copyright 2023 Google Inc.
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import type {ElementHandle} from '../api/ElementHandle.js';
|
|
import {_isElementHandle} from '../api/ElementHandleSymbol.js';
|
|
import type {Frame} from '../api/Frame.js';
|
|
import type {WaitForSelectorOptions} from '../api/Page.js';
|
|
import type {PuppeteerInjectedUtil} from '../injected/injected.js';
|
|
import {isErrorLike} from '../util/ErrorLike.js';
|
|
import {interpolateFunction, stringifyFunction} from '../util/Function.js';
|
|
|
|
import {TimeoutError} from './Errors.js';
|
|
import {transposeIterableHandle} from './HandleIterator.js';
|
|
import {LazyArg} from './LazyArg.js';
|
|
import type {Awaitable, AwaitableIterable} from './types.js';
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export type QuerySelectorAll = (
|
|
node: Node,
|
|
selector: string,
|
|
PuppeteerUtil: PuppeteerInjectedUtil,
|
|
) => AwaitableIterable<Node>;
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export type QuerySelector = (
|
|
node: Node,
|
|
selector: string,
|
|
PuppeteerUtil: PuppeteerInjectedUtil,
|
|
) => Awaitable<Node | null>;
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export const enum PollingOptions {
|
|
RAF = 'raf',
|
|
MUTATION = 'mutation',
|
|
}
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export class QueryHandler {
|
|
// Either one of these may be implemented, but at least one must be.
|
|
static querySelectorAll?: QuerySelectorAll;
|
|
static querySelector?: QuerySelector;
|
|
|
|
static get _querySelector(): QuerySelector {
|
|
if (this.querySelector) {
|
|
return this.querySelector;
|
|
}
|
|
if (!this.querySelectorAll) {
|
|
throw new Error('Cannot create default `querySelector`.');
|
|
}
|
|
|
|
return (this.querySelector = interpolateFunction(
|
|
async (node, selector, PuppeteerUtil) => {
|
|
const querySelectorAll: QuerySelectorAll =
|
|
PLACEHOLDER('querySelectorAll');
|
|
const results = querySelectorAll(node, selector, PuppeteerUtil);
|
|
for await (const result of results) {
|
|
return result;
|
|
}
|
|
return null;
|
|
},
|
|
{
|
|
querySelectorAll: stringifyFunction(this.querySelectorAll),
|
|
},
|
|
));
|
|
}
|
|
|
|
static get _querySelectorAll(): QuerySelectorAll {
|
|
if (this.querySelectorAll) {
|
|
return this.querySelectorAll;
|
|
}
|
|
if (!this.querySelector) {
|
|
throw new Error('Cannot create default `querySelectorAll`.');
|
|
}
|
|
|
|
return (this.querySelectorAll = interpolateFunction(
|
|
async function* (node, selector, PuppeteerUtil) {
|
|
const querySelector: QuerySelector = PLACEHOLDER('querySelector');
|
|
const result = await querySelector(node, selector, PuppeteerUtil);
|
|
if (result) {
|
|
yield result;
|
|
}
|
|
},
|
|
{
|
|
querySelector: stringifyFunction(this.querySelector),
|
|
},
|
|
));
|
|
}
|
|
|
|
/**
|
|
* Queries for multiple nodes given a selector and {@link ElementHandle}.
|
|
*
|
|
* Akin to {@link https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll | Document.querySelectorAll()}.
|
|
*/
|
|
static async *queryAll(
|
|
element: ElementHandle<Node>,
|
|
selector: string,
|
|
): AwaitableIterable<ElementHandle<Node>> {
|
|
using handle = await element.evaluateHandle(
|
|
this._querySelectorAll,
|
|
selector,
|
|
LazyArg.create(context => {
|
|
return context.puppeteerUtil;
|
|
}),
|
|
);
|
|
yield* transposeIterableHandle(handle);
|
|
}
|
|
|
|
/**
|
|
* Queries for a single node given a selector and {@link ElementHandle}.
|
|
*
|
|
* Akin to {@link https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector}.
|
|
*/
|
|
static async queryOne(
|
|
element: ElementHandle<Node>,
|
|
selector: string,
|
|
): Promise<ElementHandle<Node> | null> {
|
|
using result = await element.evaluateHandle(
|
|
this._querySelector,
|
|
selector,
|
|
LazyArg.create(context => {
|
|
return context.puppeteerUtil;
|
|
}),
|
|
);
|
|
if (!(_isElementHandle in result)) {
|
|
return null;
|
|
}
|
|
return result.move();
|
|
}
|
|
|
|
/**
|
|
* Waits until a single node appears for a given selector and
|
|
* {@link ElementHandle}.
|
|
*
|
|
* This will always query the handle in the Puppeteer world and migrate the
|
|
* result to the main world.
|
|
*/
|
|
static async waitFor(
|
|
elementOrFrame: ElementHandle<Node> | Frame,
|
|
selector: string,
|
|
options: WaitForSelectorOptions & {
|
|
polling?: PollingOptions;
|
|
},
|
|
): Promise<ElementHandle<Node> | null> {
|
|
let frame!: Frame;
|
|
using element = await (async () => {
|
|
if (!(_isElementHandle in elementOrFrame)) {
|
|
frame = elementOrFrame;
|
|
return;
|
|
}
|
|
frame = elementOrFrame.frame;
|
|
return await frame.isolatedRealm().adoptHandle(elementOrFrame);
|
|
})();
|
|
|
|
const {visible = false, hidden = false, timeout, signal} = options;
|
|
const polling = visible || hidden ? PollingOptions.RAF : options.polling;
|
|
|
|
try {
|
|
signal?.throwIfAborted();
|
|
|
|
using handle = await frame.isolatedRealm().waitForFunction(
|
|
async (PuppeteerUtil, query, selector, root, visible) => {
|
|
const querySelector = PuppeteerUtil.createFunction(
|
|
query,
|
|
) as QuerySelector;
|
|
const node = await querySelector(
|
|
root ?? document,
|
|
selector,
|
|
PuppeteerUtil,
|
|
);
|
|
return PuppeteerUtil.checkVisibility(node, visible);
|
|
},
|
|
{
|
|
polling,
|
|
root: element,
|
|
timeout,
|
|
signal,
|
|
},
|
|
LazyArg.create(context => {
|
|
return context.puppeteerUtil;
|
|
}),
|
|
stringifyFunction(this._querySelector),
|
|
selector,
|
|
element,
|
|
visible ? true : hidden ? false : undefined,
|
|
);
|
|
|
|
if (signal?.aborted) {
|
|
throw signal.reason;
|
|
}
|
|
|
|
if (!(_isElementHandle in handle)) {
|
|
return null;
|
|
}
|
|
return await frame.mainRealm().transferHandle(handle);
|
|
} catch (error) {
|
|
if (!isErrorLike(error)) {
|
|
throw error;
|
|
}
|
|
if (error.name === 'AbortError') {
|
|
throw error;
|
|
}
|
|
const waitForSelectorError = new (
|
|
error instanceof TimeoutError ? TimeoutError : Error
|
|
)(`Waiting for selector \`${selector}\` failed`);
|
|
waitForSelectorError.cause = error;
|
|
throw waitForSelectorError;
|
|
}
|
|
}
|
|
}
|