clarity-js 0.8.22 → 0.8.24

package/src/diagnostic/script.ts

@@ -1,6 +1,5 @@
 import { Event, Setting } from "@clarity-types/data";
 import { ScriptErrorData } from "@clarity-types/diagnostic";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import encode from "./encode";
 
@@ -13,7 +12,6 @@ export function start(): void {
 }
 
 function handler(error: ErrorEvent): boolean {
-    handler.dn = FunctionNames.ScriptHandler;
     let e = error["error"] || error;
     // While rare, it's possible for code to fail repeatedly during the lifetime of the same page
     // In those cases, we only want to log the failure first few times and not spam logs with redundant information.

package/src/interaction/change.ts

@@ -1,6 +1,5 @@
 import { Constant, Event, Setting } from "@clarity-types/data";
 import { ChangeState } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import config from "@src/core/config";
 import { bind } from "@src/core/event";
 import hash from "@src/core/hash";
@@ -21,7 +20,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(evt: UIEvent): void {
-    recompute.dn = FunctionNames.ChangeRecompute;
     let element = target(evt) as HTMLInputElement;
     if (element) {
         let value = element.value;

package/src/interaction/click.ts

@@ -1,7 +1,6 @@
 import { BooleanFlag, Constant, Event, Setting } from "@clarity-types/data";
 import { BrowsingContext, ClickState, TextInfo } from "@clarity-types/interaction";
 import { Box } from "@clarity-types/layout";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -23,7 +22,6 @@ export function observe(root: Node): void {
 }
 
 function handler(event: Event, root: Node, evt: MouseEvent): void {
-    handler.dn = FunctionNames.ClickHandler;
     let frame = iframe(root);
     let d = frame && frame.contentDocument ? frame.contentDocument.documentElement : document.documentElement;
     let x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);

package/src/interaction/clipboard.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { Clipboard, ClipboardState } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -20,7 +19,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(action: Clipboard, evt: UIEvent): void {
-    recompute.dn = FunctionNames.ClipboardRecompute;
     state.push({ time: time(evt), event: Event.Clipboard, data: { target: target(evt), action } });
     schedule(encode.bind(this, Event.Clipboard));
 }

package/src/interaction/encode.ts

@@ -109,6 +109,7 @@ export default async function (type: Event, ts: number = null): Promise<void> {
                 tokens = [entry.time, entry.event];
                 tokens.push(iTarget.id);
                 tokens.push(scrub.text(entry.data.value, "input", iTarget.privacy, false, entry.data.type));
+                tokens.push(entry.data.trust);
                 queue(tokens);
             }
             input.reset();

package/src/interaction/index.ts

@@ -1,4 +1,3 @@
-import { FunctionNames } from "@clarity-types/performance";
 import * as change from "@src/interaction/change";
 import * as click from "@src/interaction/click";
 import * as clipboard from "@src/interaction/clipboard";
@@ -13,7 +12,6 @@ import * as unload from "@src/interaction/unload";
 import * as visibility from "@src/interaction/visibility";
 
 export function start(): void {
-    start.dn = FunctionNames.InteractionStart;
     timeline.start();
     click.start();
     clipboard.start();

package/src/interaction/input.ts

@@ -1,6 +1,5 @@
-import { Event } from "@clarity-types/data";
+import { BooleanFlag, Event } from "@clarity-types/data";
 import { InputData, InputState, Setting } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -21,7 +20,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(evt: UIEvent): void {
-    recompute.dn = FunctionNames.InputRecompute;
     let input = target(evt) as HTMLInputElement;
     let value = get(input);
     if (input && input.type && value) {
@@ -34,7 +32,7 @@ function recompute(evt: UIEvent): void {
                 break;
         }
 
-        let data: InputData = { target: input, value: v, type: t };
+        let data: InputData = { target: input, value: v, type: t, trust: evt.isTrusted ? BooleanFlag.True : BooleanFlag.False };
 
         // If last entry in the queue is for the same target node as the current one, remove it so we can later swap it with current data.
         if (state.length > 0 && (state[state.length - 1].data.target === data.target)) { state.pop(); }

package/src/interaction/pointer.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { PointerState, Setting } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -33,7 +32,6 @@ export function observe(root: Node): void {
 }
 
 function mouse(event: Event, root: Node, evt: MouseEvent): void {
-    mouse.dn = FunctionNames.PointerMouse;
     let frame = iframe(root);
     let d = frame && frame.contentDocument ? frame.contentDocument.documentElement : document.documentElement;
     let x = "pageX" in evt ? Math.round(evt.pageX) : ("clientX" in evt ? Math.round(evt["clientX"] + d.scrollLeft) : null);
@@ -50,7 +48,6 @@ function mouse(event: Event, root: Node, evt: MouseEvent): void {
 }
 
 function touch(event: Event, root: Node, evt: TouchEvent): void {
-    touch.dn = FunctionNames.PointerTouch;
     let frame = iframe(root);
     let d = frame && frame.contentDocument ? frame.contentDocument.documentElement : document.documentElement;
     let touches = evt.changedTouches;

package/src/interaction/resize.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { ResizeData, Setting } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { clearTimeout, setTimeout } from "@src/core/timeout";
 import { bind } from "@src/core/event";
 import throttle from "@src/core/throttle";
@@ -20,7 +19,6 @@ export function start(): void {
 }
 
 function recompute(): void {
-    recompute.dn = FunctionNames.ResizeRecompute;
     let de = document.documentElement;
     // window.innerWidth includes width of the scrollbar and is not a true representation of the viewport width.
     // Therefore, when possible, use documentElement's clientWidth property.

package/src/interaction/scroll.ts

@@ -1,6 +1,5 @@
 import { Constant, Dimension, Event } from "@clarity-types/data";
 import { ScrollState, Setting } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -28,7 +27,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(event: UIEvent = null): void {
-    recompute.dn = FunctionNames.ScrollRecompute;
     let w = window as Window;
     let de = document.documentElement;
     let element = event ? target(event) : de;
@@ -112,7 +110,6 @@ function similar(last: ScrollState, current: ScrollState): boolean {
 }
 
 export function compute(): void {
-    compute.dn = FunctionNames.ScrollCompute;
     if (initialTop) {
         const top = metadata(initialTop, null);
         dimension.log(Dimension.InitialScrollTop, top?.hash?.join(Constant.Dot));

package/src/interaction/selection.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { SelectionData, Setting } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { clearTimeout, setTimeout } from "@src/core/timeout";
@@ -20,7 +19,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(root: Node): void {
-    recompute.dn = FunctionNames.SelectionRecompute;
     let doc = root.nodeType === Node.DOCUMENT_NODE ? root as Document : document;
     let current = doc.getSelection();
 

package/src/interaction/submit.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { SubmitState } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { schedule } from "@src/core/task";
 import { time } from "@src/core/time";
@@ -18,7 +17,6 @@ export function observe(root: Node): void {
 }
 
 function recompute(evt: UIEvent): void {
-    recompute.dn = FunctionNames.SubmitRecompute;
     state.push({ time: time(evt), event: Event.Submit, data: { target: target(evt) } });
     schedule(encode.bind(this, Event.Submit));
 }

package/src/interaction/unload.ts

@@ -1,6 +1,5 @@
 import { BooleanFlag, Event } from "@clarity-types/data";
 import { UnloadData } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import * as clarity from "@src/clarity";
 import { bind } from "@src/core/event";
 import { time } from "@src/core/time";
@@ -13,7 +12,6 @@ export function start(): void {
 }
 
 function recompute(evt: PageTransitionEvent): void {
-    recompute.dn = FunctionNames.UnloadRecompute;
     data = { name: evt.type, persisted: evt.persisted ? BooleanFlag.True : BooleanFlag.False };
     encode(Event.Unload, time(evt));
     clarity.stop();

package/src/interaction/visibility.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { VisibilityData } from "@clarity-types/interaction";
-import { FunctionNames } from "@clarity-types/performance";
 import { bind } from "@src/core/event";
 import { time } from "@src/core/time";
 import encode from "./encode";
@@ -13,7 +12,6 @@ export function start(): void {
 }
 
 function recompute(evt: UIEvent = null): void {
-    recompute.dn = FunctionNames.VisibilityRecompute;
     data = { visible: "visibilityState" in document ? document.visibilityState : "default" };
     encode(Event.Visibility, time(evt));
 }

package/src/layout/document.ts

@@ -1,6 +1,5 @@
 import { Event } from "@clarity-types/data";
 import { DocumentData } from "@clarity-types/layout";
-import { FunctionNames } from "@clarity-types/performance";
 import encode from "@src/layout/encode";
 
 export let data: DocumentData;
@@ -15,7 +14,6 @@ export function start(): void {
 }
 
 export function compute(): void {
-    compute.dn = FunctionNames.DocumentCompute;
     let body = document.body;
     let d = document.documentElement;
     let bodyClientWidth = body ? body.clientWidth : null;

package/src/layout/index.ts

@@ -1,4 +1,3 @@
-import { FunctionNames } from "@clarity-types/performance";
 import * as discover from "@src/layout/discover";
 import * as doc from "@src/layout/document";
 import * as dom from "@src/layout/dom";
@@ -12,7 +11,6 @@ import config from "@src/core/config";
 export { hashText } from "@src/layout/dom";
 
 export function start(): void {
-    start.dn = FunctionNames.LayoutStart;
     // The order below is important 
     // and is determined by interdependencies of modules
     doc.start();

package/src/layout/mutation.ts

@@ -1,7 +1,6 @@
 import { Priority, Task, Timer } from "@clarity-types/core";
 import { Code, Event, Metric, Severity } from "@clarity-types/data";
 import { Constant, MutationHistory, MutationRecordWithTime, MutationQueue, Setting, Source } from "@clarity-types/layout";
-import { FunctionNames } from "@clarity-types/performance";
 import api from "@src/core/api";
 import * as core from "@src/core";
 import * as event from "@src/core/event";
@@ -35,7 +34,6 @@ let observedNodes: WeakMap<Node, MutationObserver> = new WeakMap<Node, MutationO
 const IGNORED_ATTRIBUTES = ["data-google-query-id", "data-load-complete", "data-google-container-id"];
 
 export function start(): void {
-  start.dn = FunctionNames.MutationStart;
   observers = new Set();
   queue = [];
   timeout = null;
@@ -107,7 +105,6 @@ export function disconnect(n: Node): void {
 }
 
 function handle(m: MutationRecord[]): void {
-  handle.dn = FunctionNames.MutationHandle;
   // Queue up mutation records for asynchronous processing
   let now = time();
   summary.track(Event.Mutation, now);
@@ -328,7 +325,6 @@ function trigger(): void {
 }
 
 function generate(target: Node, type: MutationRecordType): void {
-  generate.dn = FunctionNames.MutationGenerate;
   measure(handle)([
     {
       addedNodes: [target],

package/src/layout/region.ts

@@ -1,6 +1,5 @@
 import { Event, Setting } from "@clarity-types/data";
 import { InteractionState, RegionData, RegionState, RegionQueue, RegionVisibility } from "@clarity-types/layout";
-import { FunctionNames } from "@clarity-types/performance";
 import { time } from "@src/core/time";
 import * as dom from "@src/layout/dom";
 import encode from "@src/layout/encode";
@@ -60,7 +59,6 @@ export function track(id: number, event: Event): void {
 }
 
 export function compute(): void {
-    compute.dn = FunctionNames.RegionCompute;
     // Process any regions where we couldn't resolve an "id" for at the time of last intersection observer event
     // This could happen in cases where elements are not yet processed by Clarity's virtual DOM but browser reports a change, regardless.
     // For those cases we add them to the queue and re-process them below

package/src/performance/index.ts

@@ -1,9 +1,7 @@
-import { FunctionNames } from "@clarity-types/performance";
 import * as navigation from "@src/performance/navigation";
 import * as observer from "@src/performance/observer";
 
 export function start(): void {
-    start.dn = FunctionNames.PerformanceStart;
     navigation.reset();
     observer.start();
 }

package/src/performance/observer.ts

@@ -1,5 +1,4 @@
 import { Code, Constant, Dimension, Metric, Severity, PerformanceEventTiming } from "@clarity-types/data";
-import { FunctionNames } from "@clarity-types/performance";
 import config from "@src/core/config";
 import { bind } from "@src/core/event";
 import measure from "@src/core/measure";
@@ -31,7 +30,6 @@ export function start(): void {
 }
 
 function observe(): void {
-    observe.dn = FunctionNames.ObserverObserve;
     // Some browsers will throw an error for unsupported entryType, e.g. "layout-shift"
     // In those cases, we log it as a warning and continue with rest of the Clarity processing
     try {
@@ -53,7 +51,6 @@ function observe(): void {
 }
 
 function handle(entries: PerformanceObserverEntryList): void {
-    handle.dn = FunctionNames.ObserverHandle;
     process(entries.getEntries());
 }
 

package/types/data.d.ts

@@ -353,7 +353,6 @@ export const enum Constant {
     Caret = "^",
     Granted = "granted",
     Denied = "denied",
-    BeaconError = "BeaconError",
 }
 
 export const enum XMLReadyState {

package/types/interaction.d.ts

@@ -97,6 +97,7 @@ export interface InputData {
     target: Target;
     value: string;
     type?: string;
+    trust: BooleanFlag;
 }
 
 export interface SubmitData {

package/types/performance.d.ts

@@ -1,5 +1,3 @@
-import { BooleanFlag, Target } from "./data";
-
 /* Helper Interface */
 
 
@@ -31,35 +29,3 @@ export interface NavigationData {
     encodedSize: number;
     decodedSize: number;
 }
-
-export const enum FunctionNames {
-    HistoryCompute = 1,
-    Restart = 2,
-    DiagnosticStart = 3,
-    ScriptHandler = 4,
-    ChangeRecompute = 5,
-    ClickHandler = 6,
-    ClipboardRecompute = 7,
-    InteractionStart = 8,
-    InputRecompute = 9,
-    PointerMouse = 10,
-    PointerTouch = 11,
-    ResizeRecompute = 12,
-    ScrollRecompute = 13,
-    ScrollCompute = 14,
-    SelectionRecompute = 15,
-    SubmitRecompute = 16,
-    UnloadRecompute = 17,
-    VisibilityRecompute = 18,
-    DocumentCompute = 19,
-    LayoutStart = 20,
-    MutationStart = 21,
-    MutationHandle = 22,
-    MutationGenerate = 23,
-    RegionCompute = 24,
-    PerformanceStart = 25,
-    ObserverObserve = 26,
-    ObserverHandle = 27
-}
-
-declare global { interface Function { dn?: FunctionNames; } }