@streamscloud/embeddable 16.0.7 → 16.1.0

package/dist/external-api/data-providers/article/article-data-provider.js

@@ -0,0 +1,32 @@
+import { GetEmbedArticleDocument } from './operations.generated';
+/** Creates an ArticleDataProvider that fetches articles via the GetEmbedArticle GraphQL query. */
+export const createArticleDataProvider = (graphql) => ({
+    fetchArticle: async (input) => {
+        const { id, slug } = input;
+        const result = await graphql.query(GetEmbedArticleDocument, { input: { id, slug } }).toPromise();
+        const article = result.data?.article;
+        if (!article) {
+            return null;
+        }
+        return {
+            sections: article.sections.map((section) => ({
+                id: section.id,
+                facts: section.facts,
+                styles: section.styles,
+                layouts: section.layouts.map((layout) => ({
+                    id: layout.id,
+                    styles: layout.styles,
+                    fields: layout.fields.map((field) => ({
+                        id: field.id,
+                        name: field.name,
+                        description: field.description,
+                        styles: field.styles,
+                        fieldData: field.fieldData
+                    }))
+                }))
+            })),
+            metadata: { displayDate: article.publishedAt ?? '' },
+            seo: article.seo
+        };
+    }
+});

package/dist/external-api/data-providers/article/index.d.ts

@@ -0,0 +1 @@
+export { createArticleDataProvider } from './article-data-provider';

package/dist/external-api/data-providers/article/index.js

@@ -0,0 +1 @@
+export { createArticleDataProvider } from './article-data-provider';

package/dist/external-api/data-providers/article/operations.generated.d.ts

@@ -0,0 +1,104 @@
+import type * as SchemaTypes from '../../../../gql/types';
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type GetEmbedArticleQueryVariables = SchemaTypes.Exact<{
+    input: SchemaTypes.EmbedArticleInput;
+}>;
+export type GetEmbedArticleQuery = {
+    article: {
+        id: string;
+        publishedAt: any | null;
+        seo: {
+            title: string;
+            description: string;
+            keywords: Array<string>;
+        };
+        sections: Array<{
+            id: string;
+            facts: string | null;
+            styles: {
+                paddingTop: number | null;
+                paddingBottom: number | null;
+                paddingLeft: number | null;
+                paddingRight: number | null;
+            } | null;
+            layouts: Array<{
+                id: string;
+                styles: {
+                    paddingTop: number | null;
+                    paddingBottom: number | null;
+                    paddingLeft: number | null;
+                    paddingRight: number | null;
+                } | null;
+                fields: Array<{
+                    id: string;
+                    name: string;
+                    description: string | null;
+                    styles: {
+                        marginTop: number | null;
+                        marginBottom: number | null;
+                        marginLeft: number | null;
+                        marginRight: number | null;
+                    } | null;
+                    fieldData: {
+                        type: SchemaTypes.ArticleFieldType;
+                        bylineData: {
+                            authorName: string | null;
+                        } | null;
+                        imageData: {
+                            preferredMediaFormat: SchemaTypes.MediaFormat;
+                            altText: string | null;
+                            image: {
+                                type: SchemaTypes.MediaType;
+                                url: string;
+                                thumbnailUrl: string | null;
+                            } | null;
+                        } | null;
+                        mediaData: {
+                            preferredMediaFormat: SchemaTypes.MediaFormat;
+                            altText: string | null;
+                            media: {
+                                type: SchemaTypes.MediaType;
+                                url: string;
+                                thumbnailUrl: string | null;
+                            } | null;
+                        } | null;
+                        mediaGalleryData: {
+                            galleryMode: SchemaTypes.GalleryFieldMode;
+                            preferredMediaFormat: SchemaTypes.MediaFormat;
+                            altText: string | null;
+                            media: Array<{
+                                type: SchemaTypes.MediaType;
+                                url: string;
+                                thumbnailUrl: string | null;
+                                metadata: {
+                                    width: number;
+                                    height: number;
+                                };
+                            }> | null;
+                        } | null;
+                        richTextData: {
+                            text: string | null;
+                            textSize: number;
+                        } | null;
+                        textData: {
+                            text: string | null;
+                            textMode: SchemaTypes.TextFieldMode;
+                            textSize: number;
+                            textWeight: SchemaTypes.TextFieldWeight;
+                        } | null;
+                        videoData: {
+                            preferredMediaFormat: SchemaTypes.MediaFormat;
+                            altText: string | null;
+                            video: {
+                                type: SchemaTypes.MediaType;
+                                url: string;
+                                thumbnailUrl: string | null;
+                            } | null;
+                        } | null;
+                    };
+                }>;
+            }>;
+        }>;
+    } | null;
+};
+export declare const GetEmbedArticleDocument: DocumentNode<GetEmbedArticleQuery, GetEmbedArticleQueryVariables>;

package/dist/external-api/data-providers/article/operations.generated.js

@@ -0,0 +1,262 @@
+export const GetEmbedArticleDocument = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'OperationDefinition',
+            operation: 'query',
+            name: { kind: 'Name', value: 'GetEmbedArticle' },
+            variableDefinitions: [
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedArticleInput' } } }
+                }
+            ],
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    {
+                        kind: 'Field',
+                        alias: { kind: 'Name', value: 'article' },
+                        name: { kind: 'Name', value: 'embedArticle' },
+                        arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'publishedAt' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'seo' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'description' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'keywords' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'sections' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'facts' } },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'styles' },
+                                                selectionSet: {
+                                                    kind: 'SelectionSet',
+                                                    selections: [
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'paddingTop' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'paddingBottom' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'paddingLeft' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'paddingRight' } }
+                                                    ]
+                                                }
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'layouts' },
+                                                selectionSet: {
+                                                    kind: 'SelectionSet',
+                                                    selections: [
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                                        {
+                                                            kind: 'Field',
+                                                            name: { kind: 'Name', value: 'styles' },
+                                                            selectionSet: {
+                                                                kind: 'SelectionSet',
+                                                                selections: [
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'paddingTop' } },
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'paddingBottom' } },
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'paddingLeft' } },
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'paddingRight' } }
+                                                                ]
+                                                            }
+                                                        },
+                                                        {
+                                                            kind: 'Field',
+                                                            name: { kind: 'Name', value: 'fields' },
+                                                            selectionSet: {
+                                                                kind: 'SelectionSet',
+                                                                selections: [
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'name' } },
+                                                                    { kind: 'Field', name: { kind: 'Name', value: 'description' } },
+                                                                    {
+                                                                        kind: 'Field',
+                                                                        name: { kind: 'Name', value: 'styles' },
+                                                                        selectionSet: {
+                                                                            kind: 'SelectionSet',
+                                                                            selections: [
+                                                                                { kind: 'Field', name: { kind: 'Name', value: 'marginTop' } },
+                                                                                { kind: 'Field', name: { kind: 'Name', value: 'marginBottom' } },
+                                                                                { kind: 'Field', name: { kind: 'Name', value: 'marginLeft' } },
+                                                                                { kind: 'Field', name: { kind: 'Name', value: 'marginRight' } }
+                                                                            ]
+                                                                        }
+                                                                    },
+                                                                    {
+                                                                        kind: 'Field',
+                                                                        name: { kind: 'Name', value: 'fieldData' },
+                                                                        selectionSet: {
+                                                                            kind: 'SelectionSet',
+                                                                            selections: [
+                                                                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'bylineData' },
+                                                                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'authorName' } }] }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'imageData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            {
+                                                                                                kind: 'Field',
+                                                                                                name: { kind: 'Name', value: 'image' },
+                                                                                                selectionSet: {
+                                                                                                    kind: 'SelectionSet',
+                                                                                                    selections: [
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } }
+                                                                                                    ]
+                                                                                                }
+                                                                                            },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'preferredMediaFormat' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'altText' } }
+                                                                                        ]
+                                                                                    }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'mediaData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            {
+                                                                                                kind: 'Field',
+                                                                                                name: { kind: 'Name', value: 'media' },
+                                                                                                selectionSet: {
+                                                                                                    kind: 'SelectionSet',
+                                                                                                    selections: [
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } }
+                                                                                                    ]
+                                                                                                }
+                                                                                            },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'preferredMediaFormat' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'altText' } }
+                                                                                        ]
+                                                                                    }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'mediaGalleryData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            {
+                                                                                                kind: 'Field',
+                                                                                                name: { kind: 'Name', value: 'media' },
+                                                                                                selectionSet: {
+                                                                                                    kind: 'SelectionSet',
+                                                                                                    selections: [
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } },
+                                                                                                        {
+                                                                                                            kind: 'Field',
+                                                                                                            name: { kind: 'Name', value: 'metadata' },
+                                                                                                            selectionSet: {
+                                                                                                                kind: 'SelectionSet',
+                                                                                                                selections: [
+                                                                                                                    { kind: 'Field', name: { kind: 'Name', value: 'width' } },
+                                                                                                                    { kind: 'Field', name: { kind: 'Name', value: 'height' } }
+                                                                                                                ]
+                                                                                                            }
+                                                                                                        }
+                                                                                                    ]
+                                                                                                }
+                                                                                            },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'galleryMode' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'preferredMediaFormat' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'altText' } }
+                                                                                        ]
+                                                                                    }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'richTextData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'textSize' } }
+                                                                                        ]
+                                                                                    }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'textData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'textMode' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'textSize' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'textWeight' } }
+                                                                                        ]
+                                                                                    }
+                                                                                },
+                                                                                {
+                                                                                    kind: 'Field',
+                                                                                    name: { kind: 'Name', value: 'videoData' },
+                                                                                    selectionSet: {
+                                                                                        kind: 'SelectionSet',
+                                                                                        selections: [
+                                                                                            {
+                                                                                                kind: 'Field',
+                                                                                                name: { kind: 'Name', value: 'video' },
+                                                                                                selectionSet: {
+                                                                                                    kind: 'SelectionSet',
+                                                                                                    selections: [
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                                                                                        { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } }
+                                                                                                    ]
+                                                                                                }
+                                                                                            },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'preferredMediaFormat' } },
+                                                                                            { kind: 'Field', name: { kind: 'Name', value: 'altText' } }
+                                                                                        ]
+                                                                                    }
+                                                                                }
+                                                                            ]
+                                                                        }
+                                                                    }
+                                                                ]
+                                                            }
+                                                        }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};

package/dist/external-api/data-providers/article/operations.graphql

@@ -0,0 +1,99 @@
+# noinspection GraphQLSchemaValidation
+query GetEmbedArticle($input: EmbedArticleInput!) {
+  article: embedArticle(input: $input) {
+    id
+    publishedAt
+    seo {
+      title
+      description
+      keywords
+    }
+    sections {
+      id
+      facts
+      styles {
+        paddingTop
+        paddingBottom
+        paddingLeft
+        paddingRight
+      }
+      layouts {
+        id
+        styles {
+          paddingTop
+          paddingBottom
+          paddingLeft
+          paddingRight
+        }
+        fields {
+          id
+          name
+          description
+          styles {
+            marginTop
+            marginBottom
+            marginLeft
+            marginRight
+          }
+          fieldData {
+            type
+            bylineData {
+              authorName
+            }
+            imageData {
+              image {
+                type
+                url
+                thumbnailUrl
+              }
+              preferredMediaFormat
+              altText
+            }
+            mediaData {
+              media {
+                type
+                url
+                thumbnailUrl
+              }
+              preferredMediaFormat
+              altText
+            }
+            mediaGalleryData {
+              media {
+                type
+                url
+                thumbnailUrl
+                metadata {
+                  width
+                  height
+                }
+              }
+              galleryMode
+              preferredMediaFormat
+              altText
+            }
+            richTextData {
+              text
+              textSize
+            }
+            textData {
+              text
+              textMode
+              textSize
+              textWeight
+            }
+            videoData {
+              video {
+                type
+                url
+                thumbnailUrl
+              }
+              preferredMediaFormat
+              altText
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/dist/external-api/data-providers/internal-media-center-data-provider.svelte.js

@@ -1,5 +1,5 @@
-import { Status, StreamStatus } from '../../core/enums';
 import { createLocalGQLClient } from '../../core/graphql';
+import { createArticleDataProvider } from './article';
 import { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
 import { MockCategoryFollowingProvider, MockMediaCenterContentManagementHandler, MockMembershipHandler, MockNavigationHandler, MockPostSocialInteractionsHandler } from './mocks';
 import { GetMediaPageConfigDocument } from './operations.generated';
@@ -14,7 +14,7 @@ export class InternalMediaCenterDataProvider {
     graphql;
     constructor(input) {
         const { mediaPageId, graphqlOrigin, initiator, testingStuff, onNavigationStateChange } = input;
-        this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
+        this.graphql = createLocalGQLClient(graphqlOrigin, { initiator });
         this.fetchModel = async () => {
             const payload = await this.graphql.query(GetMediaPageConfigDocument, { mediaPageId }).toPromise();
             if (!payload.data?.embedMediaPage) {
@@ -49,7 +49,7 @@ export class InternalMediaCenterDataProvider {
                     filter: {
                         mediaPageId,
                         types: filter.types,
-                        statuses: [Status.Published],
+                        statuses: ['PUBLISHED'],
                         categoryId: filter.categoryId,
                         ids: filter.ids,
                         excludeIds: filter.excludeIds
@@ -58,7 +58,8 @@ export class InternalMediaCenterDataProvider {
                     limit,
                     graphql: this.graphql
                 });
-            }
+            },
+            fetchArticle: createArticleDataProvider(this.graphql).fetchArticle
         };
         this.streamPlayer = {
             getStreamsCursor: async ({ filter, limit, continuationToken }) => {
@@ -68,7 +69,7 @@ export class InternalMediaCenterDataProvider {
                         categoryId: filter.categoryId,
                         ids: filter.ids,
                         excludeIds: filter.excludeIds,
-                        statuses: [StreamStatus.Published],
+                        statuses: ['PUBLISHED'],
                         showInFeed: true
                     },
                     limit,

package/dist/external-api/data-providers/internal-short-video-player-items-provider.d.ts

@@ -1,4 +1,4 @@
-import { type PostPlayerModel } from '../../posts/posts-player';
+import type { PostPlayerModel } from '../../posts/posts-player';
 import type { IFeedPlayerDataProvider } from '@streamscloud/kit/ui/player/providers';
 export declare class InternalShortVideoPlayerItemsProvider implements IFeedPlayerDataProvider<PostPlayerModel> {
     readonly kind = "feed";

package/dist/external-api/data-providers/internal-short-video-player-items-provider.js

@@ -1,6 +1,4 @@
-import { PostType } from '../..';
 import { createLocalGQLClient } from '../../core/graphql';
-import {} from '../../posts/posts-player';
 import { getPostsCursor } from './post-data-loaders';
 import { ContinuationToken } from '@streamscloud/kit/core';
 import { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';
@@ -18,7 +16,7 @@ export class InternalShortVideoPlayerItemsProvider {
             const idsChunk = this.ids.slice(startIdIndex, endIdIndex);
             try {
                 const posts = await getPostsCursor({
-                    filter: { ids: idsChunk, types: [PostType.ShortVideo] },
+                    filter: { ids: idsChunk, types: ['SHORT_VIDEO'] },
                     limit: idsChunk.length,
                     graphql: this.graphql
                 });
@@ -39,7 +37,7 @@ export class InternalShortVideoPlayerItemsProvider {
     });
     constructor(input) {
         const { ids, graphqlOrigin, initiator, initialId } = input;
-        this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
+        this.graphql = createLocalGQLClient(graphqlOrigin, { initiator });
         this.ids = ids;
         ids.forEach((id, idx) => this.idOrder.set(id, idx));
         const startIndex = initialId ? ids.indexOf(initialId) : 0;

package/dist/external-api/data-providers/internal-streams-player-data-provider.js

@@ -36,7 +36,7 @@ export class InternalStreamsPlayerDataProvider {
     });
     constructor(input) {
         const { ids, initialId, graphqlOrigin, initiator } = input;
-        this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
+        this.graphql = createLocalGQLClient(graphqlOrigin, { initiator });
         this.ids = ids;
         if (initialId && this.ids.includes(initialId)) {
             this.ids = [initialId, ...this.ids.filter((id) => id !== initialId)];

package/dist/external-api/data-providers/mapper.d.ts

@@ -1,3 +1,3 @@
-import { PostType } from '../../core/enums';
+import type { PostType } from '../../core/enums';
 import { EntityType } from '@streamscloud/streams-analytics-collector';
 export declare function mapPostTypeToEntityType(postType: PostType): EntityType;

package/dist/external-api/data-providers/mapper.js

@@ -1,16 +1,15 @@
-import { PostType } from '../../core/enums';
 import { EntityType } from '@streamscloud/streams-analytics-collector';
 export function mapPostTypeToEntityType(postType) {
     switch (postType) {
-        case PostType.Article:
+        case 'ARTICLE':
             return EntityType.Article;
-        case PostType.Media:
+        case 'MEDIA':
             return EntityType.Media;
-        case PostType.Moment:
+        case 'MOMENT':
             return EntityType.Moment;
-        case PostType.ShortVideo:
+        case 'SHORT_VIDEO':
             return EntityType.ShortVideo;
-        case PostType.Video:
+        case 'VIDEO':
             return EntityType.Video;
         default:
             throw new Error(`Unknown PostType: ${postType}`);