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>
50 lines
2.6 KiB
Text
50 lines
2.6 KiB
Text
import type * as Handlers from '../handlers/handlers.js';
|
|
import type { SyntheticInteractionPair } from '../types/TraceEvents.js';
|
|
import type * as Types from '../types/types.js';
|
|
import { type InsightModel, type InsightSetContext } from './types.js';
|
|
export declare const UIStrings: {
|
|
/**
|
|
* @description Text to tell the user about the longest user interaction.
|
|
*/
|
|
readonly description: "Start investigating with the longest subpart. [Delays can be minimized](https://web.dev/articles/optimize-inp#optimize_interactions). To reduce processing duration, [optimize the main-thread costs](https://web.dev/articles/optimize-long-tasks), often JS.";
|
|
/**
|
|
* @description Title for the performance insight "INP breakdown", which shows a breakdown of INP by subparts / sections.
|
|
*/
|
|
readonly title: "INP breakdown";
|
|
/**
|
|
* @description Label used for the subpart/component/stage/section of a larger duration.
|
|
*/
|
|
readonly subpart: "Subpart";
|
|
/**
|
|
* @description Label used for a time duration.
|
|
*/
|
|
readonly duration: "Duration";
|
|
/**
|
|
* @description Text shown next to the interaction event's input delay time in the detail view.
|
|
*/
|
|
readonly inputDelay: "Input delay";
|
|
/**
|
|
* @description Text shown next to the interaction event's thread processing duration in the detail view.
|
|
*/
|
|
readonly processingDuration: "Processing duration";
|
|
/**
|
|
* @description Text shown next to the interaction event's presentation delay time in the detail view.
|
|
*/
|
|
readonly presentationDelay: "Presentation delay";
|
|
/**
|
|
* @description Text status indicating that no user interactions were detected.
|
|
*/
|
|
readonly noInteractions: "No interactions detected";
|
|
};
|
|
export declare const i18nString: (id: string, values?: Record<string, string> | undefined) => Record<string, string>;
|
|
export type INPBreakdownInsightModel = InsightModel<typeof UIStrings, {
|
|
longestInteractionEvent?: SyntheticInteractionPair;
|
|
highPercentileInteractionEvent?: SyntheticInteractionPair;
|
|
}>;
|
|
export declare function isINPBreakdown(insight: InsightModel): insight is INPBreakdownInsightModel;
|
|
export declare function generateInsight(parsedTrace: Handlers.Types.ParsedTrace, context: InsightSetContext): INPBreakdownInsightModel;
|
|
/**
|
|
* If `subpart` is -1, then all subparts are included. Otherwise it's just that index.
|
|
**/
|
|
export declare function createOverlaysForSubpart(event: Types.Events.SyntheticInteractionPair, subpartIndex?: number): Types.Overlays.Overlay[];
|
|
export declare function createOverlays(model: INPBreakdownInsightModel): Types.Overlays.Overlay[];
|