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>
117 lines
3.9 KiB
Text
117 lines
3.9 KiB
Text
// import type * as Lit from '../../../ui/lit/lit.js';
|
|
import type { EntriesLinkState } from './File.js';
|
|
import type { Micro, TraceWindowMicro } from './Timing.js';
|
|
import type { Event, LegacyTimelineFrame, PageLoadEvent } from './TraceEvents.js';
|
|
/**
|
|
* Represents which flamechart an entry is rendered in.
|
|
* We need to know this because when we place an overlay for an entry we need
|
|
* to adjust its Y value if it's in the main chart which is drawn below the
|
|
* network chart
|
|
*/
|
|
export type EntryChartLocation = 'main' | 'network';
|
|
/**
|
|
* You can add overlays to trace events, but also right now frames are drawn on
|
|
* the timeline but they are not trace events, so we need to allow for that.
|
|
* In the future when the frames track has been migrated to be powered by
|
|
* animation frames (crbug.com/345144583), we can remove the requirement to
|
|
* support TimelineFrame instances (which themselves will be removed from the
|
|
* codebase.)
|
|
*/
|
|
export type OverlayEntry = Event | LegacyTimelineFrame;
|
|
/**
|
|
* Represents when a user has selected an entry in the timeline
|
|
*/
|
|
export interface EntrySelected {
|
|
type: 'ENTRY_SELECTED';
|
|
entry: OverlayEntry;
|
|
}
|
|
/**
|
|
* Drawn around an entry when we want to highlight it to the user.
|
|
*/
|
|
export interface EntryOutline {
|
|
type: 'ENTRY_OUTLINE';
|
|
entry: OverlayEntry;
|
|
outlineReason: 'ERROR' | 'INFO';
|
|
}
|
|
/**
|
|
* Represents an object created when a user creates a label for an entry in the timeline.
|
|
*/
|
|
export interface EntryLabel {
|
|
type: 'ENTRY_LABEL';
|
|
entry: OverlayEntry;
|
|
label: string;
|
|
}
|
|
export interface EntriesLink {
|
|
type: 'ENTRIES_LINK';
|
|
state: EntriesLinkState;
|
|
entryFrom: OverlayEntry;
|
|
entryTo?: OverlayEntry;
|
|
}
|
|
/**
|
|
* Represents a time range on the trace. Also used when the user shift+clicks
|
|
* and drags to create a time range.
|
|
*/
|
|
export interface TimeRangeLabel {
|
|
type: 'TIME_RANGE';
|
|
bounds: TraceWindowMicro;
|
|
label: string;
|
|
showDuration: boolean;
|
|
}
|
|
/**
|
|
* Used to highlight with a red-candy stripe a time range. It takes an entry
|
|
* because this entry is the row that will be used to place the candy stripe,
|
|
* and its height will be set to the height of that row.
|
|
*/
|
|
export interface CandyStripedTimeRange {
|
|
type: 'CANDY_STRIPED_TIME_RANGE';
|
|
bounds: TraceWindowMicro;
|
|
entry: Event;
|
|
}
|
|
/**
|
|
* An EntryBreakdown, or section, that makes up a TimespanBreakdown.
|
|
*/
|
|
export interface TimespanBreakdownEntryBreakdown {
|
|
bounds: TraceWindowMicro;
|
|
label: string | any;
|
|
showDuration: boolean;
|
|
}
|
|
/**
|
|
* Represents a timespan on a trace broken down into parts. Each part has a label to it.
|
|
* If an entry is defined, the breakdown will be vertically positioned based on it.
|
|
*/
|
|
export interface TimespanBreakdown {
|
|
type: 'TIMESPAN_BREAKDOWN';
|
|
sections: TimespanBreakdownEntryBreakdown[];
|
|
entry?: Event;
|
|
renderLocation?: 'BOTTOM_OF_TIMELINE' | 'BELOW_EVENT' | 'ABOVE_EVENT';
|
|
}
|
|
export interface TimestampMarker {
|
|
type: 'TIMESTAMP_MARKER';
|
|
timestamp: Micro;
|
|
}
|
|
/**
|
|
* Represents a timings marker. This has a line that runs up the whole canvas.
|
|
* We can hold an array of entries, in the case we want to hold more than one with the same timestamp.
|
|
* The adjusted timestamp being the timestamp for the event adjusted by closest navigation.
|
|
*/
|
|
export interface TimingsMarker {
|
|
type: 'TIMINGS_MARKER';
|
|
entries: PageLoadEvent[];
|
|
entryToFieldResult: Map<PageLoadEvent, TimingsMarkerFieldResult>;
|
|
adjustedTimestamp: Micro;
|
|
}
|
|
export interface TimingsMarkerFieldResult {
|
|
value: Micro;
|
|
pageScope: 'url' | 'origin';
|
|
}
|
|
export interface BottomInfoBar {
|
|
type: 'BOTTOM_INFO_BAR';
|
|
infobar: {
|
|
element: HTMLElement;
|
|
dispose: () => void;
|
|
};
|
|
}
|
|
/**
|
|
* All supported overlay types.
|
|
*/
|
|
export type Overlay = EntrySelected | EntryOutline | TimeRangeLabel | EntryLabel | EntriesLink | TimespanBreakdown | TimestampMarker | CandyStripedTimeRange | TimingsMarker | BottomInfoBar;
|