clarity-js 0.8.14 → 0.8.16

package/rollup.config.ts

@@ -1,9 +1,11 @@
 import alias from "@rollup/plugin-alias";
 import commonjs from "@rollup/plugin-commonjs";
-import resolve from "@rollup/plugin-node-resolve";  
+import resolve from "@rollup/plugin-node-resolve";
 import terser from "@rollup/plugin-terser";
 import typescript from "@rollup/plugin-typescript";
-import pkg from "./package.json" assert { type: 'json' };
+import { readFileSync } from "fs";
+
+const pkg = JSON.parse(readFileSync("./package.json", "utf-8"));
 export default [
   {
     input: "src/index.ts",
@@ -28,7 +30,7 @@ export default [
       if (message.code === 'CIRCULAR_DEPENDENCY') { return; }
       warn(message);
     },
-    plugins: [,
+    plugins: [
       resolve(),
       typescript(),
       terser({output: {comments: false}}),

package/src/core/version.ts

@@ -1,2 +1,2 @@
-let version = "0.8.14";
+let version = "0.8.16";
 export default version;

package/src/data/upload.ts

@@ -134,6 +134,10 @@ async function upload(final: boolean = false): Promise<void> {
     // could inject function arguments for internal tracking (likely stack traces for script errors).
     // For these edge cases, we want to ensure that an injected object (e.g. {"key": "value"}) isn't mistaken to be true.
     let last = final === true;
+    
+    // In some cases envelope has null data because it's part of the shutdown process while there's one upload call queued which might introduce runtime error
+    if(!envelope.data) return;
+
     let e = JSON.stringify(envelope.envelope(last));
     let a = `[${analysis.join()}]`;
 

package/src/interaction/scroll.ts

@@ -33,6 +33,10 @@ function recompute(event: UIEvent = null): void {
     let de = document.documentElement;
     let element = event ? target(event) : de;
 
+    // In some edge cases, it's possible for target to be null.
+    // In those cases, we cannot proceed with scroll event instrumentation.
+    if (!element) { return; }
+
     // If the target is a Document node, then identify corresponding documentElement and window for this document
     if (element && element.nodeType === Node.DOCUMENT_NODE) {
         let frame = iframe(element);

package/src/layout/style.ts

@@ -1,4 +1,4 @@
-import { Event, Metric } from "@clarity-types/data";
+import { Event } from "@clarity-types/data";
 import { StyleSheetOperation, StyleSheetState } from "@clarity-types/layout";
 import { time } from "@src/core/time";
 import { shortid } from "@src/data/metadata";

package/src/performance/observer.ts

@@ -99,10 +99,17 @@ export function stop(): void {
     if (observer) { observer.disconnect(); }
     observer = null;
     interaction.resetInteractions();
+    anchorCache = null;
 }
 
+// Cached anchor element for optimal performance & memory management
+let anchorCache: HTMLAnchorElement | null = null;
+
 function host(url: string): string {
-    let a = document.createElement("a");
-    a.href = url;
-    return a.host;
+    if (!anchorCache) {
+        anchorCache = document.createElement("a");
+    }
+
+    anchorCache.href = url;
+    return anchorCache.host;
 }