@gemx-dev/clarity-visualize 3.5.1 → 3.5.2

package/.prettierignore

@@ -0,0 +1,13 @@
+**/*.ts
+**/*.tsx
+**/*.json
+**/*.css
+**/*.md
+**/*.svg
+**/*.html
+**/*.xml
+**/*.yml
+**/*.yaml
+**/*.toml
+**/*.ini
+**/*.env

package/.prettierrc.json

@@ -0,0 +1,9 @@
+{
+  "trailingComma": "all",
+  "printWidth": 350,
+  "tabWidth": 2,
+  "singleQuote": false,
+  "endOfLine": "lf",
+  "useTabs": false,
+  "plugins": []
+}

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @gemx-dev/clarity-visualize
 
+## 3.5.2
+
+### Patch Changes
+
+- [#31](https://github.com/ducky0209/gemx-sdk/pull/31) [`6fa4bcd`](https://github.com/ducky0209/gemx-sdk/commit/6fa4bcd7f83694df9b012d41fe6cc257fa74a37b) Thanks [@ducky0209](https://github.com/ducky0209)! - Update type and eslint
+
 ## 3.5.1
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemx-dev/clarity-visualize",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "An analytics library that uses web page interactions to generate aggregated insights",
   "author": "Microsoft Corp.",
   "license": "MIT",
@@ -30,15 +30,15 @@
     "clarity-decode": "^0.8.38"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "rollup-plugin-string-import": "^1.2.5",
+    "@rollup/plugin-commonjs": "24.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "11.1.6",
+    "rollup-plugin-string-import": "1.2.6",
     "del-cli": "^5.0.0",
     "husky": "^8.0.0",
     "lint-staged": "^13.1.0",
-    "rollup": "^3.0.0",
+    "rollup": "3.29.5",
     "ts-node": "^10.1.0",
     "tslint": "^6.1.3",
     "typescript": "^4.3.5"
@@ -48,7 +48,8 @@
     "build:main": "rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "build:clean": "del-cli build/*",
     "tslint": "tslint --project ./",
-    "tslint:fix": "tslint --fix --project ./ --force"
+    "tslint:fix": "tslint --fix --project ./ --force",
+    "format": "prettier --write \"**/*.{ts,json}\""
   },
   "husky": {
     "hooks": {

package/src/interaction.ts

@@ -54,8 +54,8 @@ export class InteractionHelper {
 
         // Position canvas relative to scroll events on the parent page
         if (scrollTarget === de || scrollTarget === doc.body) {
-            if (!scrollable) { 
-                this.state.window.scrollTo(data.x, data.y); 
+            if (!scrollable) {
+                this.state.window.scrollTo(data.x, data.y);
             }
             let canvas = this.overlay();
             if (canvas) {
@@ -189,11 +189,11 @@ export class InteractionHelper {
                         this.state.options.onclickMismatch({
                             time: event.time,
                             x: data.x,
-                            y: data.y, 
+                            y: data.y,
                             nodeId: data.target as number});
                     }
                 }
-                
+
                 p.className = Constant.PointerNone;
                 break;
             case Data.Event.DoubleClick:
@@ -245,7 +245,7 @@ export class InteractionHelper {
                 this.fadeOutElement(click.click, click.doc);
                 this.visualizedClicks.splice(this.visualizedClicks.indexOf(click), 1);
             });
-        }        
+        }
     }
 
     private fadeOutElement = (element: HTMLElement, document: HTMLElement): void => {
@@ -310,7 +310,7 @@ export class InteractionHelper {
         let de = doc.documentElement;
         let click = doc.createElement("DIV");
         click.className = Constant.ClickLayer;
-        
+
         click.setAttribute(Constant.Title, `${title} (${x}${Constant.Pixel}, ${y}${Constant.Pixel})`);
         click.style.left = (x - Setting.ClickRadius / 2) + Constant.Pixel;
         click.style.top = (y - Setting.ClickRadius / 2) + Constant.Pixel
@@ -328,18 +328,18 @@ export class InteractionHelper {
             let center = doc.createElement("DIV");
             center.className = `${Constant.ClickLayer}-center`;
             click.appendChild(center);
-        } else {    
+        } else {
             // Second pulsating ring
             let ringTwo = ringOne.cloneNode() as HTMLElement;
             ringTwo.style.animation = "pulsate-two 1 1s";
             click.appendChild(ringTwo);
         }
         de.appendChild(click);
-        
+
         // Play sound
         if (typeof Audio !== Constant.Undefined) {
-            if (this.clickAudio === null) { 
-                this.clickAudio = new Audio(Asset.Sound); 
+            if (this.clickAudio === null) {
+                this.clickAudio = new Audio(Asset.Sound);
                 click.appendChild(this.clickAudio);
             }
             this.clickAudio.play();