Merge pull request #719 from microsoft/samart/enforcingFirstResize

ensuring our first resize event is encoded immediately so our visuali…
microsoft · Dec 6, 2024 · 6e64027 · 6e64027
2 parents df29b8b + 4bb7ba3
commit 6e64027
Show file tree

Hide file tree

Showing 9 changed files with 23 additions and 16 deletions.
diff --git a/lerna.json b/lerna.json
@@ -2,7 +2,7 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.7.57",
+  "version": "0.7.58",
   "npmClient": "yarn",
   "useWorkspaces": true
 }
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "clarity",
   "private": true,
-  "version": "0.7.57",
+  "version": "0.7.58",
   "repository": "https://github.com/microsoft/clarity.git",
   "author": "Sarvesh Nagpal <[email protected]>",
   "license": "MIT",

diff --git a/packages/clarity-decode/package.json b/packages/clarity-decode/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clarity-decode",
-  "version": "0.7.57",
+  "version": "0.7.58",
   "description": "An analytics library that uses web page interactions to generate aggregated insights",
   "author": "Microsoft Corp.",
   "license": "MIT",
@@ -26,7 +26,7 @@
     "url": "https://github.com/Microsoft/clarity/issues"
   },
   "dependencies": {
-    "clarity-js": "^0.7.57"
+    "clarity-js": "^0.7.58"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^24.0.0",

diff --git a/packages/clarity-devtools/package.json b/packages/clarity-devtools/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clarity-devtools",
-  "version": "0.7.57",
+  "version": "0.7.58",
   "private": true,
   "description": "Adds Clarity debugging support to browser devtools",
   "author": "Microsoft Corp.",
@@ -24,9 +24,9 @@
     "url": "https://github.com/Microsoft/clarity/issues"
   },
   "dependencies": {
-    "clarity-decode": "^0.7.57",
-    "clarity-js": "^0.7.57",
-    "clarity-visualize": "^0.7.57"
+    "clarity-decode": "^0.7.58",
+    "clarity-js": "^0.7.58",
+    "clarity-visualize": "^0.7.58"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.0.0",

diff --git a/packages/clarity-devtools/static/manifest.json b/packages/clarity-devtools/static/manifest.json
@@ -2,8 +2,8 @@
   "manifest_version": 2,
   "name": "Microsoft Clarity Developer Tools",
   "description": "Clarity helps you understand how users are interacting with your website.",
-  "version": "0.7.57",
-  "version_name": "0.7.57",
+  "version": "0.7.58",
+  "version_name": "0.7.58",
   "minimum_chrome_version": "50",
   "devtools_page": "devtools.html",
   "icons": {

diff --git a/packages/clarity-js/package.json b/packages/clarity-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clarity-js",
-  "version": "0.7.57",
+  "version": "0.7.58",
   "description": "An analytics library that uses web page interactions to generate aggregated insights",
   "author": "Microsoft Corp.",
   "license": "MIT",

diff --git a/packages/clarity-js/src/core/version.ts b/packages/clarity-js/src/core/version.ts
@@ -1,2 +1,2 @@
-let version = "0.7.57";
+let version = "0.7.58";
 export default version;
diff --git a/packages/clarity-js/src/interaction/resize.ts b/packages/clarity-js/src/interaction/resize.ts
@@ -7,8 +7,10 @@ import { schedule } from "@src/core/task";
 
 export let data: ResizeData;
 let timeout: number = null;
+let initialStateLogged = false;
 
 export function start(): void {
+    initialStateLogged = false;
     bind(window, "resize", recompute);
     recompute();
 }
@@ -21,8 +23,13 @@ function recompute(): void {
         width: de && "clientWidth" in de ? Math.min(de.clientWidth, window.innerWidth) : window.innerWidth,
         height: de && "clientHeight" in de ? Math.min(de.clientHeight, window.innerHeight) : window.innerHeight,
     };
-    clearTimeout(timeout);
-    timeout = setTimeout(process, Setting.LookAhead, Event.Resize);
+    if (initialStateLogged) {
+        clearTimeout(timeout);
+        timeout = setTimeout(process, Setting.LookAhead, Event.Resize);
+    } else {
+        encode(Event.Resize);
+        initialStateLogged = true;
+    }
 }
 
 function process(event: Event): void {

diff --git a/packages/clarity-visualize/package.json b/packages/clarity-visualize/package.json
@@ -1,6 +1,6 @@
 {
   "name": "clarity-visualize",
-  "version": "0.7.57",
+  "version": "0.7.58",
   "description": "An analytics library that uses web page interactions to generate aggregated insights",
   "author": "Microsoft Corp.",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "url": "https://github.com/Microsoft/clarity/issues"
   },
   "dependencies": {
-    "clarity-decode": "^0.7.57"
+    "clarity-decode": "^0.7.58"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^24.0.0",