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>
173 lines
4.3 KiB
Text
173 lines
4.3 KiB
Text
/**
|
|
* @license
|
|
* Copyright 2024 Google Inc.
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import {EventEmitter} from '../../common/EventEmitter.js';
|
|
import {inertIfDisposed} from '../../util/decorators.js';
|
|
import {DisposableStack, disposeSymbol} from '../../util/disposable.js';
|
|
|
|
import type {BrowsingContext} from './BrowsingContext.js';
|
|
import type {Request} from './Request.js';
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export interface NavigationInfo {
|
|
url: string;
|
|
timestamp: Date;
|
|
}
|
|
|
|
/**
|
|
* @internal
|
|
*/
|
|
export class Navigation extends EventEmitter<{
|
|
/** Emitted when navigation has a request associated with it. */
|
|
request: Request;
|
|
/** Emitted when fragment navigation occurred. */
|
|
fragment: NavigationInfo;
|
|
/** Emitted when navigation failed. */
|
|
failed: NavigationInfo;
|
|
/** Emitted when navigation was aborted. */
|
|
aborted: NavigationInfo;
|
|
}> {
|
|
static from(context: BrowsingContext): Navigation {
|
|
const navigation = new Navigation(context);
|
|
navigation.#initialize();
|
|
return navigation;
|
|
}
|
|
|
|
#request: Request | undefined;
|
|
#navigation: Navigation | undefined;
|
|
readonly #browsingContext: BrowsingContext;
|
|
readonly #disposables = new DisposableStack();
|
|
#id?: string | null;
|
|
|
|
private constructor(context: BrowsingContext) {
|
|
super();
|
|
|
|
this.#browsingContext = context;
|
|
}
|
|
|
|
#initialize() {
|
|
const browsingContextEmitter = this.#disposables.use(
|
|
new EventEmitter(this.#browsingContext),
|
|
);
|
|
browsingContextEmitter.once('closed', () => {
|
|
this.emit('failed', {
|
|
url: this.#browsingContext.url,
|
|
timestamp: new Date(),
|
|
});
|
|
this.dispose();
|
|
});
|
|
|
|
browsingContextEmitter.on('request', ({request}) => {
|
|
if (
|
|
request.navigation === undefined ||
|
|
// If a request with a navigation ID comes in, then the navigation ID is
|
|
// for this navigation.
|
|
!this.#matches(request.navigation)
|
|
) {
|
|
return;
|
|
}
|
|
|
|
this.#request = request;
|
|
this.emit('request', request);
|
|
const requestEmitter = this.#disposables.use(
|
|
new EventEmitter(this.#request),
|
|
);
|
|
|
|
requestEmitter.on('redirect', request => {
|
|
this.#request = request;
|
|
});
|
|
});
|
|
|
|
const sessionEmitter = this.#disposables.use(
|
|
new EventEmitter(this.#session),
|
|
);
|
|
sessionEmitter.on('browsingContext.navigationStarted', info => {
|
|
if (
|
|
info.context !== this.#browsingContext.id ||
|
|
this.#navigation !== undefined
|
|
) {
|
|
return;
|
|
}
|
|
this.#navigation = Navigation.from(this.#browsingContext);
|
|
});
|
|
|
|
for (const eventName of [
|
|
'browsingContext.domContentLoaded',
|
|
'browsingContext.load',
|
|
] as const) {
|
|
sessionEmitter.on(eventName, info => {
|
|
if (
|
|
info.context !== this.#browsingContext.id ||
|
|
info.navigation === null ||
|
|
!this.#matches(info.navigation)
|
|
) {
|
|
return;
|
|
}
|
|
|
|
this.dispose();
|
|
});
|
|
}
|
|
|
|
for (const [eventName, event] of [
|
|
['browsingContext.fragmentNavigated', 'fragment'],
|
|
['browsingContext.navigationFailed', 'failed'],
|
|
['browsingContext.navigationAborted', 'aborted'],
|
|
] as const) {
|
|
sessionEmitter.on(eventName, info => {
|
|
if (
|
|
info.context !== this.#browsingContext.id ||
|
|
// Note we don't check if `navigation` is null since `null` means the
|
|
// fragment navigated.
|
|
!this.#matches(info.navigation)
|
|
) {
|
|
return;
|
|
}
|
|
|
|
this.emit(event, {
|
|
url: info.url,
|
|
timestamp: new Date(info.timestamp),
|
|
});
|
|
this.dispose();
|
|
});
|
|
}
|
|
}
|
|
|
|
#matches(navigation: string | null): boolean {
|
|
if (this.#navigation !== undefined && !this.#navigation.disposed) {
|
|
return false;
|
|
}
|
|
if (this.#id === undefined) {
|
|
this.#id = navigation;
|
|
return true;
|
|
}
|
|
return this.#id === navigation;
|
|
}
|
|
|
|
get #session() {
|
|
return this.#browsingContext.userContext.browser.session;
|
|
}
|
|
get disposed(): boolean {
|
|
return this.#disposables.disposed;
|
|
}
|
|
get request(): Request | undefined {
|
|
return this.#request;
|
|
}
|
|
get navigation(): Navigation | undefined {
|
|
return this.#navigation;
|
|
}
|
|
|
|
@inertIfDisposed
|
|
private dispose(): void {
|
|
this[disposeSymbol]();
|
|
}
|
|
|
|
override [disposeSymbol](): void {
|
|
this.#disposables.dispose();
|
|
super[disposeSymbol]();
|
|
}
|
|
}
|