@streamscloud/streams-analytics-collector 2.0.2 → 2.0.4

package/dist/analytics/ViewportVisibilityTracker.js

@@ -65,7 +65,7 @@ class ViewportVisibilityTracker {
             // Try to get streamId from map or from data attribute
             let streamId = Array.from(this.observedElements.entries()).find(([, v]) => v === el)?.[0];
             if (!streamId) {
-                streamId = el.getAttribute('data-stream-id') || undefined;
+                streamId = el.getAttribute("data-stream-id") || undefined;
             }
             if (!streamId)
                 continue;
@@ -94,10 +94,10 @@ class ViewportVisibilityTracker {
         if (!el)
             return false;
         const rect = el.getBoundingClientRect();
-        const windowHeight = (window.innerHeight || document.documentElement.clientHeight);
-        const windowWidth = (window.innerWidth || document.documentElement.clientWidth);
-        const vertInView = (rect.top <= windowHeight * 0.5) && ((rect.top + rect.height * 0.5) >= 0);
-        const horInView = (rect.left <= windowWidth * 0.5) && ((rect.left + rect.width * 0.5) >= 0);
+        const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+        const windowWidth = window.innerWidth || document.documentElement.clientWidth;
+        const vertInView = rect.top <= windowHeight * 0.5 && rect.top + rect.height * 0.5 >= 0;
+        const horInView = rect.left <= windowWidth * 0.5 && rect.left + rect.width * 0.5 >= 0;
         return vertInView && horInView;
     }
     /**

package/dist/analytics/app-events-tracker.d.ts

@@ -1,4 +1,4 @@
-import type { Client } from '@urql/core';
+import type { Client } from "@urql/core";
 /**
  * AppEventsTracker is a utility class for tracking various user events in StreamsCloud applications
  * such as post views, community message views, stream interactions, etc.
@@ -17,6 +17,7 @@ export declare class AppEventsTracker {
      * @param client - The URQL client instance
      */
     static setClient(client: Client): void;
+    static setClientNew(client: Client): void;
     /**
      * Set the GraphQL endpoint for making API calls (for non-authorized calls)
      * @param endpoint - The GraphQL endpoint URL

package/dist/analytics/app-events-tracker.js

@@ -1,5 +1,5 @@
 import { AppEventType, CommunityMessageStatus } from './types.js';
-import ExternalTrackAppEvent from '../analytics.graphql.js';
+import TrackAppEvent from '../analytics.graphql.js';
 import { ViewportVisibilityTracker } from './ViewportVisibilityTracker.js';
 
 /**
@@ -11,7 +11,7 @@ class AppEventsTracker {
     static playedPercentsByPost = new Map();
     // Store video data by page ID to handle multiple videos per page
     static videosByPage = new Map();
-    static gqlEndpoint = '';
+    static gqlEndpoint = "";
     static client;
     static organizationId;
     static profileId;
@@ -24,6 +24,10 @@ class AppEventsTracker {
         this.client = client;
         this.useClient = true;
     }
+    static setClientNew(client) {
+        this.client = client;
+        this.useClient = true;
+    }
     /**
      * Set the GraphQL endpoint for making API calls (for non-authorized calls)
      * @param endpoint - The GraphQL endpoint URL
@@ -62,7 +66,7 @@ class AppEventsTracker {
         // Only store the maximum percentage in case of looping videos
         const pageVideos = this.videosByPage.get(pageId);
         if (pageVideos) {
-            const videoKey = `${videoId}|${streamId || ''}`;
+            const videoKey = `${videoId}|${streamId || ""}`;
             const currentMaxPercent = pageVideos.get(videoKey) || 0;
             // Store only the maximum played percentage value
             // This ensures we don't decrease progress when video loops
@@ -79,7 +83,7 @@ class AppEventsTracker {
         if (pageVideos) {
             // Report all video views for this page
             pageVideos.forEach((playedPercents, videoKey) => {
-                const [videoId, videoStreamId] = videoKey.split('|');
+                const [videoId, videoStreamId] = videoKey.split("|");
                 this.reportAppEvent(videoId, AppEventType.ShortVideoView, videoStreamId || streamId, playedPercents);
             });
             // Clean up the tracking data for this page
@@ -258,7 +262,7 @@ class AppEventsTracker {
             eventType,
             targetId,
             ownerId: ownerId || undefined,
-            value: value || undefined
+            value: value || undefined,
         };
         // Add organization and profile IDs for non-authorized calls if they exist
         if (!this.useClient) {
@@ -273,31 +277,29 @@ class AppEventsTracker {
         // Choose between client and direct endpoint modes
         if (this.useClient) {
             if (!this.client) {
-                console.warn('An attempt to save app event without initializing GraphQL client detected');
+                console.warn("An attempt to save app event without initializing GraphQL client detected");
                 return;
             }
-            await this.client
-                .mutation(ExternalTrackAppEvent, { input })
-                .toPromise();
+            await this.client.mutation(TrackAppEvent, { input }).toPromise();
         }
         else {
             if (!this.gqlEndpoint) {
-                console.warn('An attempt to save app event without initializing GraphQL endpoint detected');
+                console.warn("An attempt to save app event without initializing GraphQL endpoint detected");
                 return;
             }
-            await this.queryGql(ExternalTrackAppEvent, { input });
+            await this.queryGql(TrackAppEvent, { input });
         }
     }
     static queryGql = async (query, variables) => {
         const response = await fetch(this.gqlEndpoint, {
-            method: 'POST',
+            method: "POST",
             headers: {
-                'Content-Type': 'application/json'
+                "Content-Type": "application/json",
             },
             body: JSON.stringify({
                 query,
-                variables
-            })
+                variables,
+            }),
         });
         const gql = await response.json();
         if (!gql.data) {

package/dist/analytics/index.d.ts

@@ -1,3 +1,3 @@
-export { AppEventsTracker } from './app-events-tracker';
-export { AppEventType, CommunityMessageStatus, type TrackAppEventInput } from './types';
-export * from './ViewportVisibilityTracker';
+export { AppEventsTracker } from "./app-events-tracker";
+export { AppEventType, CommunityMessageStatus, type TrackAppEventInput, } from "./types";
+export * from "./ViewportVisibilityTracker";

package/dist/analytics.graphql.js

@@ -1,3 +1,3 @@
-var ExternalTrackAppEvent = "mutation ExternalTrackAppEvent($input: ExternalTrackAppEventInput!) {\n  externalTrackAppEvent(input: $input) {\n    void\n  }\n}\n\nmutation TrackAppEvent($input: TrackAppEventInput!) {\n  trackAppEvent(input: $input) {\n    void\n  }\n}\n";
+var TrackAppEvent = "mutation TrackAppEvent($input: ExternalTrackAppEventInput!) {\n  externalTrackAppEvent(input: $input) {\n    void\n  }\n}\n\nmutation InternalTrackAppEvent($input: TrackAppEventInput!) {\n  trackAppEvent(input: $input) {\n    void\n  }\n}\n";
 
-export { ExternalTrackAppEvent as default };
+export { TrackAppEvent as default };

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * as Types from './types';
-export { AppEventsTracker, AppEventType, CommunityMessageStatus } from './analytics';
+export * as Types from "./types";
+export { AppEventsTracker, AppEventType, CommunityMessageStatus, } from "./analytics";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/streams-analytics-collector",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",