@vc-shell/framework 1.0.245 → 1.0.246

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [1.0.246](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.245...v1.0.246) (2024-06-28)
+
+
+### Features
+
+* add useAppInsights composable for application insights pageview logging ([7c030d6](https://github.com/VirtoCommerce/vc-shell/commit/7c030d6947529a93f0476adc9d59b94336c3580b))
+
+
+
 ## [1.0.245](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.244...v1.0.245) (2024-06-28)
 
 

package/core/composables/index.ts

@@ -12,3 +12,4 @@ export { useMenuService } from "./useMenuService";
 export { useBeforeUnload } from "./useBeforeUnload";
 export { useLanguages } from "./useLanguages";
 export { useBreadcrumbs } from "./useBreadcrumbs";
+export { useAppInsights } from "./useAppInsights";

package/core/composables/useAppInsights/index.ts

@@ -0,0 +1,42 @@
+import { inject } from "vue";
+import { AppInsightsPluginOptions, useAppInsights as useInsights } from "vue3-application-insights";
+import { generateW3CId } from "@microsoft/applicationinsights-core-js";
+import { useUser } from "..";
+
+export const useAppInsights = () => {
+  const appInsights = useInsights();
+  const { user } = useUser();
+  const appInsightsOptions = inject<AppInsightsPluginOptions>("appInsightsOptions");
+
+  function setupPageTracking() {
+    const appName = appInsightsOptions?.appName ? `[${appInsightsOptions.appName}] ` : "";
+
+    const pageName = (route: { name: string }) => `${appName}${route.name as string}`;
+
+    function beforeEach(route: { name: string }) {
+      const name = pageName(route);
+      appInsights.context.telemetryTrace.traceID = generateW3CId();
+      appInsights.context.telemetryTrace.name = route.name as string;
+
+      appInsights.startTrackPage(name);
+    }
+
+    function afterEach(route: { name: string; fullPath: string }) {
+      const name = pageName(route);
+      const url = location.protocol + "//" + location.host + route.fullPath;
+      appInsights.stopTrackPage(name, url, {
+        userId: user.value?.id ?? "",
+        userName: user.value?.userName ?? "",
+      });
+    }
+
+    return {
+      beforeEach,
+      afterEach,
+    };
+  }
+
+  return {
+    setupPageTracking: setupPageTracking(),
+  };
+};

package/core/composables/useErrorHandler/index.ts

@@ -30,13 +30,15 @@ export function useErrorHandler(capture?: boolean): IUseErrorHandler {
         error.value = err.toString();
       }
 
-      appInsights.trackException({
-        exception: err,
-        properties: {
-          userId: user.value?.id ?? "",
-          userName: user.value?.userName ?? "",
-        },
-      });
+      if (appInsights) {
+        appInsights.trackException({
+          exception: err,
+          properties: {
+            userId: user.value?.id ?? "",
+            userName: user.value?.userName ?? "",
+          },
+        });
+      }
 
       console.error(err);
     }

package/dist/core/composables/index.d.ts

@@ -12,4 +12,5 @@ export { useMenuService } from "./useMenuService";
 export { useBeforeUnload } from "./useBeforeUnload";
 export { useLanguages } from "./useLanguages";
 export { useBreadcrumbs } from "./useBreadcrumbs";
+export { useAppInsights } from "./useAppInsights";
 //# sourceMappingURL=index.d.ts.map

package/dist/core/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../core/composables/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/core/composables/useAppInsights/index.d.ts

@@ -0,0 +1,12 @@
+export declare const useAppInsights: () => {
+    setupPageTracking: {
+        beforeEach: (route: {
+            name: string;
+        }) => void;
+        afterEach: (route: {
+            name: string;
+            fullPath: string;
+        }) => void;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/core/composables/useAppInsights/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useAppInsights/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,cAAc;;4BAUI;YAAE,MAAM,MAAM,CAAA;SAAE;2BAQjB;YAAE,MAAM,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE;;CAkB/D,CAAC"}

package/dist/core/composables/useErrorHandler/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useErrorHandler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,GAAG,EAAE,MAAM,KAAK,CAAC;AAIpE,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,gBAAgB,CA+CnE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../core/composables/useErrorHandler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,GAAG,EAAE,MAAM,KAAK,CAAC;AAIpE,UAAU,gBAAgB;IACxB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1B,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAiDnE"}