@gemx-dev/clarity-js 0.8.39

package/types/interaction.d.ts

@@ -0,0 +1,174 @@
+import { BooleanFlag } from "@clarity-types/data";
+import { Time } from "./core";
+import { Event, Target } from "./data";
+
+/* Enum */
+
+export const enum BrowsingContext {
+    Self = 0,
+    Blank = 1,
+    Parent = 2,
+    Top = 3
+}
+
+export const enum Setting {
+    LookAhead = 500, // 500ms
+    InputLookAhead = 1000, // 1s
+    Distance = 20, // 20 pixels
+    ScrollInterval = 50, // 25 milliseconds
+    PointerInterval = 25, // 25 milliseconds
+    Throttle = 25, // 25 milliseconds
+    TimelineSpan = 2 * Time.Second, // 2 seconds
+}
+
+export const enum Clipboard {
+    Cut = 0,
+    Copy = 1,
+    Paste = 2
+}
+
+/* Helper Interfaces */
+export interface PointerState {
+    time: number;
+    event: number;
+    data: PointerData;
+}
+
+export interface ClickState {
+    time: number;
+    event: number;
+    data: ClickData;
+}
+
+export interface ClipboardState {
+    time: number;
+    event: number;
+    data: ClipboardData;
+}
+
+export interface ScrollState {
+    time: number;
+    event: number;
+    data: ScrollData;
+}
+
+export interface SubmitState {
+    time: number;
+    event: number;
+    data: SubmitData;
+}
+
+export interface ChangeState {
+    time: number;
+    event: number;
+    data: ChangeData;
+}
+
+export interface InputState {
+    time: number;
+    event: number;
+    data: InputData;
+}
+
+export interface TimelineState {
+    time: number;
+    event: number;
+    data: TimelineData;
+}
+
+/* Event Data */
+export interface TimelineData {
+    type: Event;
+    hash: string;
+    x: number;
+    y: number;
+    reaction: number;
+    context: number;
+}
+
+export interface ChangeData {
+    target: Target;
+    type: string;
+    value: string;
+    checksum: string;
+}
+
+export interface InputData {
+    target: Target;
+    value: string;
+    type?: string;
+    trust: BooleanFlag;
+}
+
+export interface SubmitData {
+    target: Target;
+}
+
+export interface PointerData {
+    target: Target;
+    x: number;
+    y: number;
+    id?: number;
+    isPrimary?: boolean;
+}
+
+export interface ClickData {
+    target: Target;
+    x: number;
+    y: number;
+    eX: number;
+    eY: number;
+    button: number;
+    reaction: number;
+    context: BrowsingContext;
+    text: string;
+    link: string;
+    hash: string;
+    trust: number;
+    isFullText: BooleanFlag;
+    w: number;
+    h: number;
+}
+
+export interface TextInfo {
+    text: string;
+    isFullText: BooleanFlag;
+}
+
+export interface ClipboardData {
+    target: Target;
+    action: Clipboard;
+}
+
+export interface ResizeData {
+    width: number;
+    height: number;
+}
+
+export interface ScrollData {
+    target: Target;
+    x: number;
+    y: number;
+    top: Node | string;
+    bottom: Node | string;
+}
+
+export interface SelectionData {
+    start: Target;
+    startOffset: number;
+    end: Target;
+    endOffset: number;
+}
+
+export interface UnloadData {
+    name: string;
+    persisted: BooleanFlag;
+}
+
+export interface VisibilityData {
+    visible: BooleanFlag;
+}
+
+export interface FocusData {
+    focused: BooleanFlag;
+}

package/types/layout.d.ts

@@ -0,0 +1,277 @@
+import { Privacy } from "@clarity-types/core";
+
+/* Enum */
+
+export const enum AnimationOperation {
+    Create = 0,
+    Play = 1,
+    Pause = 2,
+    Cancel = 3,
+    Finish = 4,
+    CommitStyles = 5
+}
+
+export const enum Source {
+    Discover,
+    ChildListAdd,
+    ChildListRemove,
+    Attributes,
+    CharacterData
+}
+
+export const enum Selector {
+    Alpha = 0,
+    Beta = 1,
+    Default = 1
+}
+
+export const enum InteractionState {
+    None = 16,
+    Clicked = 20,
+    Input = 30
+}
+
+export interface AnimationState {
+    time: number;
+    event: number;
+    data: AnimationData;
+}
+
+export interface AnimationData {
+    id: string;
+    operation: AnimationOperation;
+    keyFrames?: string;
+    timing?: string;
+    timeline?: string;
+    targetId?: number;
+}
+
+export interface CustomElementData {
+    name: string;
+}
+
+export const enum RegionVisibility {
+    Rendered = 0,
+    Visible = 10,
+    ScrolledToEnd = 13
+}
+
+export const enum Mask {
+    Text = "address,password,contact",
+    Disable = "radio,checkbox,range,button,reset,submit",
+    Exclude = "password,secret,pass,social,ssn,code,hidden",
+    Tags = "INPUT,SELECT,TEXTAREA"
+}
+
+export const enum Constant {
+    Empty = "",
+    SvgPrefix = "svg:",
+    DataPrefix = "data:",
+    IFramePrefix = "iframe:",
+    SvgNamespace = "http://www.w3.org/2000/svg",
+    Id = "id",
+    Class = "class",
+    Style = "style",
+    Href = "href",
+    Src = "src",
+    Srcset = "srcset",
+    Hash = "#",
+    Dot = ".",
+    Separator = ">",
+    Tilde = "~",
+    Bang = "!",
+    Period = ".",
+    Comma = ",",
+    DataAttribute = "data-",
+    MaskData = "data-clarity-mask",
+    UnmaskData = "data-clarity-unmask",
+    RegionData = "data-clarity-region",
+    Type = "type",
+    Submit = "submit",
+    Name = "name",
+    Base = "*B",
+    SameOrigin = "*O",
+    Object = "object",
+    Function = "function",
+    StyleTag = "STYLE",
+    InputTag = "INPUT",
+    IFrameTag = "IFRAME",
+    ImageTag = "IMG",
+    TitleTag = "TITLE",
+    BodyTag = "BODY",
+    SvgTag = "svg:svg",
+    BaseTag = "BASE",
+    NativeCode = "[native code]",
+    DocumentTag = "*D",
+    ShadowDomTag = "*S",
+    PolyfillShadowDomTag = "*P",
+    TextTag = "*T",
+    SuspendMutationTag = "*M",
+    ChildList = "childList",
+    Attributes = "attributes",
+    CharacterData = "characterData",
+    Throttle = "throttle",
+    LoadEvent = "load",
+    Pixel = "px",
+    BorderBox = "border-box",
+    Value = "value",
+    MutationObserver = "MutationObserver",
+    JsonLD = "application/ld+json",
+    String = "string",
+    Number = "number",
+    Disable = "disable",
+    HTML = "HTML",
+    Property = "property",
+    Content = "content",
+    Generator = "generator",
+    ogType = "og:type",
+    ogTitle = "og:title",
+    SvgStyle = "svg:style",
+    ExcludeClassNames = "load,active,fixed,visible,focus,show,collaps,animat",
+    StyleSheet = "stylesheet"
+}
+
+export const enum JsonLD { 
+    Type = "@type",
+    Recipe = "recipe",
+    Product = "product",
+    AggregateRating = "aggregaterating",
+    Author = "person",
+    Offer = "offer",
+    Brand = "brand",
+    RatingValue = "ratingValue",
+    BestRating = "bestRating",
+    WorstRating = "worstRating",
+    RatingCount = "ratingCount",
+    ReviewCount = "reviewCount",
+    Availability = "availability",
+    Price = "price",
+    PriceCurrency = "priceCurrency",
+    ItemCondition = "itemCondition",
+    Category = "category",
+    Sku = "sku",
+    Name = "name",
+    Article = "article",
+    Posting = "posting",
+    Headline = "headline",
+    Creator = "creator"
+}
+
+export const enum Setting {
+    LookAhead = 33, // 33ms
+    MutationSuspendThreshold = 10, // Stop listening for mutations after hitting a threshold count
+    MutationActivePeriod = 3000, // Unit: milliseconds. Let mutations continue as normal during active periods of user interactions
+    MaxMutationHistoryCount = 10000,
+    MaxMutationHistoryTime = 30000, // Unit: milliseconds. Maximum time to keep mutation history in memory
+}
+
+export const enum StyleSheetOperation {
+    Create = 0,
+    Replace = 1,
+    ReplaceSync = 2,
+    SetAdoptedStyles = 3
+}
+
+/* Helper Interfaces */
+export interface Box {
+    x: number; // Left
+    y: number; // Top
+    w: number; // Width
+    h: number; // Height
+}
+
+export interface Attributes {
+    [key: string]: string;
+}
+
+export interface SelectorInput {
+    id: number;
+    tag: string;
+    prefix: [string, string];
+    position: number;
+    attributes: Attributes;
+}
+
+export interface NodeInfo {
+    tag: string;
+    attributes?: Attributes;
+    value?: string;
+}
+
+export interface NodeValue {
+    id: number;
+    parent: number;
+    previous: number;
+    children: number[];
+    data: NodeInfo;
+    selector: [string, string];
+    hash: [string, string];
+    region: number;
+    metadata: NodeMeta;
+}
+
+export interface NodeMeta {
+    active: boolean;
+    suspend: boolean;
+    privacy: Privacy;
+    position: number;
+    fraud: number;
+    size: number[];
+}
+
+export interface MutationQueue {
+    time: number;
+    mutations: MutationRecord[];
+}
+
+export interface MutationRecordWithTime {
+    timestamp: number;
+    mutation: MutationRecord;
+  }
+
+export interface MutationHistory {
+    [key: string]: [/* Count */ number, /* Instance */ number, /* Remove Nodes Buffer */ NodeList?];
+}
+
+export interface RegionQueue {
+    node: Node;
+    state: RegionState;
+}
+
+export interface RegionState {
+    time: number;
+    data: RegionData;
+}
+
+export interface StyleSheetState {
+    time: number;
+    event: number,
+    data: StyleSheetData
+}
+
+/* Event Data */
+
+export interface DocumentData {
+    width: number;
+    height: number;
+}
+
+export interface RegionData {
+    id: number;
+    visibility: RegionVisibility;
+    interaction: InteractionState;
+    name: string;    
+}
+
+export interface TargetMetadata {
+    id: number;
+    hash: [string, string];
+    privacy: Privacy;
+}
+
+export interface StyleSheetData {
+    id: number | string;
+    operation: StyleSheetOperation;
+    cssRules?: string;
+    newIds?: string[]
+}

package/types/performance.d.ts

@@ -0,0 +1,31 @@
+/* Helper Interface */
+
+
+// Reference: https://wicg.github.io/netinfo/#networkinformation-interface
+export interface NavigatorConnection extends EventTarget {
+    effectiveType: string;
+    downlinkMax: number;
+    downlink: number;
+    rtt: number;
+    saveData: boolean;
+}
+
+/* Event Data */
+export interface NavigationData {
+    fetchStart: number;
+    connectStart: number;
+    connectEnd: number;
+    requestStart: number;
+    responseStart: number;
+    responseEnd: number;
+    domInteractive: number;
+    domComplete: number;
+    loadEventStart: number;
+    loadEventEnd: number;
+    redirectCount: number;
+    size: number;
+    type: string;
+    protocol: string;
+    encodedSize: number;
+    decodedSize: number;
+}