@streamscloud/embeddable 13.2.0 → 14.0.0-rc.0

package/dist/content-player/cmp.content-player.svelte.d.ts

@@ -1,17 +1,26 @@
 import type { ContentPlayerConfig } from './content-player-config.svelte';
 import { type Snippet } from 'svelte';
-declare class __sveltets_Render<T extends {
+declare function $$render<T extends {
     id: string;
-}> {
-    props(): {
+}>(): {
+    props: {
         config: ContentPlayerConfig<T>;
         nonPostItemView?: Snippet<[{
             item: T;
-        }]> | undefined;
+        }]>;
         overviewPanelContent?: Snippet;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends {
+    id: string;
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/content-player/controls-and-attachments.svelte.d.ts

@@ -1,13 +1,22 @@
 import { ContentPlayerConfig } from './content-player-config.svelte';
-declare class __sveltets_Render<T extends {
+declare function $$render<T extends {
     id: string;
-}> {
-    props(): {
+}>(): {
+    props: {
         config: ContentPlayerConfig<T>;
         hasOverview: boolean;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends {
+    id: string;
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/content-player/overview-panel.svelte

@@ -59,7 +59,6 @@ const styles = $derived.by(() => {
   z-index: 0;
   border-radius: 0.5rem 0 0 0.5rem;
   background: var(--_overview-panel--background);
-  /* Set 'container-type: inline-size;' to reference container*/
 }
 .overview-panel__content {
   width: 100%;
@@ -71,6 +70,9 @@ const styles = $derived.by(() => {
   overflow: hidden;
   container-type: inline-size;
 }
+.overview-panel {
+  /* Set 'container-type: inline-size;' to reference container*/
+}
 @container (width < 576px) {
   .overview-panel {
     width: 100%;

package/dist/content-player/overview-panel.svelte.d.ts

@@ -1,10 +1,10 @@
 import type { ContentPlayerConfig } from './content-player-config.svelte';
 import type { ContentPlayerUIManager } from './ui-manager.svelte';
 import type { Snippet } from 'svelte';
-declare class __sveltets_Render<T extends {
+declare function $$render<T extends {
     id: string;
-}> {
-    props(): {
+}>(): {
+    props: {
         config: ContentPlayerConfig<T>;
         uiManager: ContentPlayerUIManager;
         position: {
@@ -14,8 +14,17 @@ declare class __sveltets_Render<T extends {
         };
         children: Snippet;
     };
-    events(): {};
-    slots(): {};
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends {
+    id: string;
+}> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
     bindings(): "";
     exports(): {};
 }

package/dist/core/analytics.installation-id.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Retrieves the installation ID from localStorage or generates a new one if it doesn't exist
+ * @returns The installation ID to use for analytics tracking
+ */
+export declare const getOrCreateInstallationId: () => string;

package/dist/core/{analytics.profile-id.js → analytics.installation-id.js}

@@ -1,19 +1,29 @@
 /**
- * Key used for storing the profile ID in local storage
+ * Key used for storing the installation ID in local storage (new)
+ */
+const INSTALLATION_ID_STORAGE_KEY = 'streamscloud_installation_id';
+/**
+ * Legacy key used for storing the profile ID in local storage (to be migrated)
  */
 const PROFILE_ID_STORAGE_KEY = 'streamscloud_profile_id';
 /**
- * Retrieves the profile ID from localStorage or generates a new one if it doesn't exist
- * @returns The profile ID to use for analytics tracking
+ * Retrieves the installation ID from localStorage or generates a new one if it doesn't exist
+ * @returns The installation ID to use for analytics tracking
  */
-export const getOrCreateProfileId = () => {
-    const storedProfileId = localStorage.getItem(PROFILE_ID_STORAGE_KEY);
-    if (!storedProfileId) {
-        const newProfileId = safeRandomUUID();
-        localStorage.setItem(PROFILE_ID_STORAGE_KEY, newProfileId);
-        return newProfileId;
+export const getOrCreateInstallationId = () => {
+    const currentId = localStorage.getItem(INSTALLATION_ID_STORAGE_KEY);
+    if (currentId) {
+        return currentId;
+    }
+    const legacyId = localStorage.getItem(PROFILE_ID_STORAGE_KEY);
+    if (legacyId) {
+        localStorage.setItem(INSTALLATION_ID_STORAGE_KEY, legacyId);
+        localStorage.removeItem(PROFILE_ID_STORAGE_KEY);
+        return legacyId;
     }
-    return storedProfileId;
+    const newInstallationId = safeRandomUUID();
+    localStorage.setItem(INSTALLATION_ID_STORAGE_KEY, newInstallationId);
+    return newInstallationId;
 };
 function safeRandomUUID() {
     // 1) Native support

package/dist/external-api/data-providers/internal-media-center-analytics-handler.d.ts

@@ -1,20 +1,20 @@
+import type { PostType } from '../..';
 import type { IPostAnalyticsHandler } from '../../posts/posts-player/types';
 import type { IStreamAnalyticsHandler } from '../../streams/streams-player/types';
 export declare class InternalMediaCenterAnalyticsHandler implements IPostAnalyticsHandler, IStreamAnalyticsHandler {
     constructor(graphqlOrigin: string | undefined);
-    setOrganizationId: (organizationId: string) => void;
-    trackPostOpened: (postId: string, ownerId: string) => void;
-    trackStreamView: (streamId: string) => void;
-    trackStreamPageView: (pageId: string, streamId: string) => void;
-    trackStreamEngagementTime: (streamId: string, engagementTime: number) => void;
-    trackStreamScrollDepth: (streamId: string, scrollDepth: number) => void;
-    trackStreamProductImpression: (productId: string, streamId: string) => void;
-    trackStreamProductClicked: (productId: string, streamId: string) => void;
-    reportPageVideoViews: (videoId: string, streamId: string) => void;
-    trackShortVideoView: (videoId: string) => void;
-    trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClick: (productId: string, videoId: string) => void;
+    trackPostOpened: (postType: PostType, postId: string) => Promise<void>;
+    trackStreamView: (streamId: string) => Promise<void>;
+    trackStreamPageView: (pageId: string, streamId: string) => Promise<void>;
+    trackStreamEngagementTime: (streamId: string, engagementTime: number) => Promise<void>;
+    trackStreamScrollDepth: (streamId: string, scrollDepth: number) => Promise<void>;
+    trackStreamProductImpression: (productId: string, streamId: string) => Promise<void>;
+    trackStreamProductClicked: (productId: string, streamId: string) => Promise<void>;
+    reportPageVideoViews: (pageId: string, streamId: string) => Promise<import("@streamscloud/streams-analytics-collector").MeasurementsBatchReportResult>;
+    trackShortVideoView: (videoId: string) => Promise<void>;
+    trackShortVideoProductImpression: (productId: string, videoId: string) => Promise<void>;
+    trackShortVideoProductClick: (productId: string, videoId: string) => Promise<void>;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
-    trackAdClick: (adId: string) => void;
-    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => Promise<void>;
+    trackAdImpression: (adId: string) => Promise<void>;
 }

package/dist/external-api/data-providers/internal-media-center-analytics-handler.js

@@ -1,24 +1,175 @@
-import { getOrCreateProfileId } from '../../core/analytics.profile-id';
+import { getOrCreateInstallationId } from '../../core/analytics.installation-id';
 import { constructGraphQLUrl } from '../../core/graphql';
-import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
+import { mapPostTypeToEntityType } from './mapper';
+import { AnalyticsCollector, EntityRelationType, EntityType, EventType, MeasurementType, Schemas } from '@streamscloud/streams-analytics-collector';
 export class InternalMediaCenterAnalyticsHandler {
     constructor(graphqlOrigin) {
-        AppEventsTracker.setEndpoint(constructGraphQLUrl(graphqlOrigin));
-        AppEventsTracker.setProfileId(getOrCreateProfileId());
+        AnalyticsCollector.initialize({
+            gqlDataSenderOptions: {
+                endpoint: constructGraphQLUrl(graphqlOrigin)
+            },
+            schema: Schemas.external,
+            metadata: {
+                installationId: getOrCreateInstallationId()
+            }
+        });
     }
-    setOrganizationId = (organizationId) => AppEventsTracker.setOrganizationId(organizationId);
-    trackPostOpened = (postId, ownerId) => AppEventsTracker.trackPostOpened(postId, ownerId);
-    trackStreamView = (streamId) => AppEventsTracker.trackStreamView(streamId);
-    trackStreamPageView = (pageId, streamId) => AppEventsTracker.trackStreamPageView(pageId, streamId);
-    trackStreamEngagementTime = (streamId, engagementTime) => AppEventsTracker.trackStreamEngagementTime(streamId, engagementTime);
-    trackStreamScrollDepth = (streamId, scrollDepth) => AppEventsTracker.trackStreamScrollDepth(streamId, scrollDepth);
-    trackStreamProductImpression = (productId, streamId) => AppEventsTracker.trackStreamProductImpression(productId, streamId);
-    trackStreamProductClicked = (productId, streamId) => AppEventsTracker.trackStreamProductClicked(productId, streamId);
-    reportPageVideoViews = (videoId, streamId) => AppEventsTracker.reportPageVideoViews(videoId, streamId);
-    trackShortVideoView = (videoId) => AppEventsTracker.trackShortVideoView(videoId);
-    trackShortVideoProductImpression = (productId, videoId) => AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
-    trackShortVideoProductClick = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
-    trackShortVideoProgress = (pageId, videoId, progress, streamId) => AppEventsTracker.trackShortVideoProgress(pageId, videoId, progress, streamId);
-    trackAdClick = (adId) => AppEventsTracker.trackAdClick(adId);
-    trackAdImpression = (adId) => AppEventsTracker.trackAdImpression(adId);
+    trackPostOpened = (postType, postId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: mapPostTypeToEntityType(postType),
+            id: postId
+        },
+        eventType: EventType.Viewed
+    });
+    trackStreamView = (streamId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Stream,
+            id: streamId
+        },
+        eventType: EventType.Viewed
+    });
+    trackStreamPageView = (pageId, streamId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.StreamPage,
+            id: pageId
+        },
+        eventType: EventType.Viewed,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.Stream,
+                    id: streamId
+                }
+            }
+        ]
+    });
+    trackStreamEngagementTime = (streamId, engagementTime) => AnalyticsCollector.measurementsReporter.reportMeasurement({
+        entity: {
+            type: EntityType.Stream,
+            id: streamId
+        },
+        measurementType: MeasurementType.EngagementTime,
+        value: engagementTime
+    });
+    trackStreamScrollDepth = (streamId, scrollDepth) => AnalyticsCollector.measurementsReporter.reportMeasurement({
+        entity: {
+            type: EntityType.Stream,
+            id: streamId
+        },
+        measurementType: MeasurementType.ScrollDepth,
+        value: scrollDepth
+    });
+    trackStreamProductImpression = (productId, streamId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Appeared,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.Stream,
+                    id: streamId
+                }
+            }
+        ]
+    });
+    trackStreamProductClicked = (productId, streamId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Clicked,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.Stream,
+                    id: streamId
+                }
+            }
+        ]
+    });
+    reportPageVideoViews = (pageId, streamId) => AnalyticsCollector.measurementsBatcher.reportBatch([
+        {
+            type: EntityType.StreamPage,
+            id: pageId
+        },
+        {
+            type: EntityType.Stream,
+            id: streamId
+        }
+    ]);
+    trackShortVideoView = (videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.ShortVideo,
+            id: videoId
+        },
+        eventType: EventType.Viewed
+    });
+    trackShortVideoProductImpression = (productId, videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Appeared,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.ShortVideo,
+                    id: videoId
+                }
+            }
+        ]
+    });
+    trackShortVideoProductClick = (productId, videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Clicked,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.ShortVideo,
+                    id: videoId
+                }
+            }
+        ]
+    });
+    trackShortVideoProgress = (pageId, videoId, progress, streamId) => AnalyticsCollector.measurementsBatcher.collect([
+        {
+            type: EntityType.StreamPage,
+            id: pageId
+        },
+        {
+            type: EntityType.Stream,
+            id: streamId
+        }
+    ], {
+        entity: {
+            type: EntityType.ShortVideo,
+            id: videoId
+        },
+        measurementType: MeasurementType.Progress,
+        value: progress
+    });
+    trackAdClick = (adId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Ad,
+            id: adId
+        },
+        eventType: EventType.Clicked
+    });
+    trackAdImpression = (adId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Ad,
+            id: adId
+        },
+        eventType: EventType.Appeared
+    });
 }

package/dist/external-api/data-providers/internal-post-analytics-handler.d.ts

@@ -1,11 +1,11 @@
+import type { PostType } from '../../core/enums';
 import type { IPostAnalyticsHandler } from '../../posts/posts-player';
 export declare class InternalPostAnalyticsHandler implements IPostAnalyticsHandler {
     constructor(graphqlOrigin: string | undefined);
-    setOrganizationId: (organizationId: string) => void;
-    trackPostOpened: (postId: string, ownerId: string) => void;
-    trackShortVideoView: (videoId: string) => void;
-    trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClick: (productId: string, videoId: string) => void;
-    trackAdClick: (adId: string) => void;
-    trackAdImpression: (adId: string) => void;
+    trackPostOpened: (postType: PostType, postId: string) => Promise<void>;
+    trackShortVideoView: (videoId: string) => Promise<void>;
+    trackShortVideoProductImpression: (productId: string, videoId: string) => Promise<void>;
+    trackShortVideoProductClick: (productId: string, videoId: string) => Promise<void>;
+    trackAdClick: (adId: string) => Promise<void>;
+    trackAdImpression: (adId: string) => Promise<void>;
 }

package/dist/external-api/data-providers/internal-post-analytics-handler.js

@@ -1,16 +1,77 @@
-import { getOrCreateProfileId } from '../../core/analytics.profile-id';
+import { getOrCreateInstallationId } from '../../core/analytics.installation-id';
 import { constructGraphQLUrl } from '../../core/graphql';
-import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
+import { mapPostTypeToEntityType } from './mapper';
+import { AnalyticsCollector, EntityRelationType, EntityType, EventType, Schemas } from '@streamscloud/streams-analytics-collector';
 export class InternalPostAnalyticsHandler {
     constructor(graphqlOrigin) {
-        AppEventsTracker.setEndpoint(constructGraphQLUrl(graphqlOrigin));
-        AppEventsTracker.setProfileId(getOrCreateProfileId());
+        AnalyticsCollector.initialize({
+            gqlDataSenderOptions: {
+                endpoint: constructGraphQLUrl(graphqlOrigin)
+            },
+            schema: Schemas.external,
+            metadata: {
+                installationId: getOrCreateInstallationId()
+            }
+        });
     }
-    setOrganizationId = (organizationId) => AppEventsTracker.setOrganizationId(organizationId);
-    trackPostOpened = (postId, ownerId) => AppEventsTracker.trackPostOpened(postId, ownerId);
-    trackShortVideoView = (videoId) => AppEventsTracker.trackShortVideoView(videoId);
-    trackShortVideoProductImpression = (productId, videoId) => AppEventsTracker.trackShortVideoProductImpression(productId, videoId);
-    trackShortVideoProductClick = (productId, videoId) => AppEventsTracker.trackShortVideoProductClick(productId, videoId);
-    trackAdClick = (adId) => AppEventsTracker.trackAdClick(adId);
-    trackAdImpression = (adId) => AppEventsTracker.trackAdImpression(adId);
+    trackPostOpened = (postType, postId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: mapPostTypeToEntityType(postType),
+            id: postId
+        },
+        eventType: EventType.Viewed
+    });
+    trackShortVideoView = (videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.ShortVideo,
+            id: videoId
+        },
+        eventType: EventType.Viewed
+    });
+    trackShortVideoProductImpression = (productId, videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Appeared,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.ShortVideo,
+                    id: videoId
+                }
+            }
+        ]
+    });
+    trackShortVideoProductClick = (productId, videoId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Product,
+            id: productId
+        },
+        eventType: EventType.Clicked,
+        relatedEntities: [
+            {
+                relationType: EntityRelationType.PlacedIn,
+                entity: {
+                    type: EntityType.ShortVideo,
+                    id: videoId
+                }
+            }
+        ]
+    });
+    trackAdClick = (adId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Ad,
+            id: adId
+        },
+        eventType: EventType.Clicked
+    });
+    trackAdImpression = (adId) => AnalyticsCollector.eventsReporter.reportEvent({
+        entity: {
+            type: EntityType.Ad,
+            id: adId
+        },
+        eventType: EventType.Appeared
+    });
 }

package/dist/external-api/data-providers/internal-stream-analytics-handler.d.ts

@@ -1,18 +1,17 @@
 import type { IStreamAnalyticsHandler } from '../../streams/streams-player/types';
 export declare class InternalStreamAnalyticsHandler implements IStreamAnalyticsHandler {
     constructor(graphqlOrigin: string | undefined);
-    setOrganizationId: (organizationId: string) => void;
-    trackStreamView: (streamId: string) => void;
-    trackStreamPageView: (pageId: string, streamId: string) => void;
-    trackStreamEngagementTime: (streamId: string, engagementTime: number) => void;
-    trackStreamScrollDepth: (streamId: string, scrollDepth: number) => void;
-    trackStreamProductImpression: (productId: string, streamId: string) => void;
-    trackStreamProductClicked: (productId: string, streamId: string) => void;
-    reportPageVideoViews: (videoId: string, streamId: string) => void;
-    trackShortVideoView: (videoId: string) => void;
-    trackShortVideoProductImpression: (productId: string, videoId: string) => void;
-    trackShortVideoProductClick: (productId: string, videoId: string) => void;
+    trackStreamView: (streamId: string) => Promise<void>;
+    trackStreamPageView: (pageId: string, streamId: string) => Promise<void>;
+    trackStreamEngagementTime: (streamId: string, engagementTime: number) => Promise<void>;
+    trackStreamScrollDepth: (streamId: string, scrollDepth: number) => Promise<void>;
+    trackStreamProductImpression: (productId: string, streamId: string) => Promise<void>;
+    trackStreamProductClicked: (productId: string, streamId: string) => Promise<void>;
+    reportPageVideoViews: (pageId: string, streamId: string) => Promise<import("@streamscloud/streams-analytics-collector").MeasurementsBatchReportResult>;
+    trackShortVideoView: (videoId: string) => Promise<void>;
+    trackShortVideoProductImpression: (productId: string, videoId: string) => Promise<void>;
+    trackShortVideoProductClick: (productId: string, videoId: string) => Promise<void>;
     trackShortVideoProgress: (pageId: string, videoId: string, progress: number, streamId: string) => void;
-    trackAdClick: (adId: string) => void;
-    trackAdImpression: (adId: string) => void;
+    trackAdClick: (adId: string) => Promise<void>;
+    trackAdImpression: (adId: string) => Promise<void>;
 }