@streamscloud/streams-api-client 3.4.1 → 4.0.0-beta.5

package/dist/components-data/component-data-provider.service.js

@@ -27,9 +27,9 @@ const getComponentData = (componentsData, parameters) => {
     return result;
 };
 const getModels = (content, ids) => ids.length
-    ? content
+    ? content.chosen
         .filter((x) => ids.includes(x.id))
         .sort((a, b) => ids.indexOf(a.id) - ids.indexOf(b.id))
-    : [];
+    : content.dynamicallyLoaded.splice(0, 1);
 
 export { createComponentDataProvider, getComponentData };

package/dist/components-data/components-data-fetcher.service.js

@@ -29,7 +29,14 @@ const createComponentsDataFetcher = (client) => {
     };
 };
 const loadContent = async (dataLoader, contentParameters) => {
-    return contentParameters.ids.length ? await dataLoader.load(contentParameters.ids) : [];
+    const chosenPromise = loadChosen(contentParameters, dataLoader);
+    const dynamicDataPromise = loadDynamicData(contentParameters, dataLoader);
+    return {
+        chosen: await chosenPromise,
+        dynamicallyLoaded: await dynamicDataPromise
+    };
 };
+const loadChosen = async (contentParameters, dataLoader) => contentParameters.ids.length ? dataLoader.load(contentParameters.ids) : [];
+const loadDynamicData = async (contentParameters, dataLoader) => contentParameters.page ? (await dataLoader.loadBatch(contentParameters.page.limit, contentParameters.page.filter, contentParameters.ids)) : [];
 
 export { createComponentsDataFetcher };

package/dist/components-data/components-data-parameters-reader.service.d.ts

@@ -1,2 +1,2 @@
-import type { ComponentsDataParameters, DataParameters } from './types';
-export declare const getComponentsDataParameters: (parameters: DataParameters[]) => ComponentsDataParameters;
+import { type ComponentsDataParameters, type DataParameters, type DynamicLoadingConfig } from './types';
+export declare const getComponentsDataParameters: (parameters: DataParameters[], dynamicLoadingConfig?: DynamicLoadingConfig) => ComponentsDataParameters;

package/dist/components-data/components-data-parameters-reader.service.js

@@ -1,15 +1,31 @@
-const getComponentsDataParameters = (parameters) => {
+import { DataType } from './types.js';
+
+const getComponentsDataParameters = (parameters, dynamicLoadingConfig) => {
     const result = {};
     const params = parameters
         .flatMap((x) => Object.entries(x).filter(([_, v]) => Array.isArray(v)).map(([t, v]) => ({ type: t, value: v })));
     const dataTypes = [...new Set(params.map(x => x.type))];
     for (const dataType of dataTypes) {
+        const filter = getFilter(dataType, dynamicLoadingConfig);
         result[dataType] = {
             ids: getIds(params, dataType),
+            page: filter ? { limit: parameters.length, filter } : undefined
         };
     }
     return result;
 };
+const getFilter = (dataType, dynamicLoadingConfig) => {
+    if (!dynamicLoadingConfig) {
+        return undefined;
+    }
+    if (dataType === DataType.ShortVideo && dynamicLoadingConfig.posts.enabled) {
+        return {
+            categoryId: dynamicLoadingConfig.posts.categoryId ?? undefined,
+            types: dynamicLoadingConfig.posts.types ?? undefined
+        };
+    }
+    return undefined;
+};
 const getIds = (parameters, dataType) => [
     ...new Set(parameters
         .filter((x) => x.type === dataType && typeof Array.isArray(x.value))

package/dist/components-data/types.d.ts

@@ -1,4 +1,4 @@
-import { ShortVideoModel, StreamModel } from '../data-loaders';
+import { ShortVideoModel, ShortVideosFilter, StreamModel, StreamsFilter } from '../data-loaders';
 export declare const DataType: {
     ShortVideo: string;
     Stream: string;
@@ -8,9 +8,19 @@ export type ComponentsDataParameters = {
 };
 export type ContentParameters = {
     ids: string[];
+    page?: DataPageParameters;
 };
+export type DataPageParameters = {
+    limit: number;
+    filter: DataFilterParameters;
+};
+export type DataFilterParameters = ShortVideosFilter | StreamsFilter;
 export type ComponentsData = {
-    [key: string]: ComponentDataModel[];
+    [key: string]: Content;
+};
+export type Content = {
+    chosen: ComponentDataModel[];
+    dynamicallyLoaded: ComponentDataModel[];
 };
 export type ComponentDataModel = ShortVideoModel | StreamModel;
 export type DataParameters = {
@@ -22,3 +32,10 @@ export type ComponentData = {
 export type ComponentDataProvider = {
     getData: (parameters?: DataParameters) => ComponentData;
 };
+export type DynamicLoadingConfig = {
+    posts: {
+        enabled: boolean;
+        categoryId?: string;
+        types?: string[];
+    };
+};

package/dist/data-loaders/index.d.ts

@@ -1,2 +1,2 @@
-export { getShortVideosDataLoader, type ShortVideoModel } from './short-videos-data-loader';
-export { getStreamsDataLoader, type StreamModel } from './streams-data-loader';
+export { getShortVideosDataLoader, type ShortVideoModel, type ShortVideosFilter } from './short-videos-data-loader';
+export { getStreamsDataLoader, type StreamModel, type StreamsFilter } from './streams-data-loader';

package/dist/data-loaders/short-videos-data-loader/index.d.ts

@@ -1,2 +1,2 @@
 export { getShortVideosDataLoader } from './loader';
-export type { ShortVideoModel } from './types';
+export type { ShortVideoModel, ShortVideosFilter } from './types';

package/dist/data-loaders/short-videos-data-loader/loader.d.ts

@@ -1,4 +1,4 @@
-import { ShortVideoModel } from './types';
-import { EmbedContentApiClient } from '../../services';
-import { DataLoader } from '../types';
+import { ShortVideoModel } from "./types";
+import { EmbedContentApiClient } from "../../services";
+import { DataLoader } from "../types";
 export declare const getShortVideosDataLoader: (client: EmbedContentApiClient) => DataLoader<ShortVideoModel>;

package/dist/data-loaders/short-videos-data-loader/loader.js

@@ -1,10 +1,20 @@
-import { mapToSiteShortVideoModels } from './mapper.js';
+import { mapToFilter, mapToSiteShortVideoModels } from './mapper.js';
 
 const getShortVideosDataLoader = (client) => ({
     async load(ids) {
         const posts = await client.getPosts(ids);
         if (!posts) {
-            console.error('Failed to fetch site short video posts: Null-payload received', posts);
+            console.error("Failed to fetch short video posts: Null-payload received", posts);
+            return [];
+        }
+        return mapToSiteShortVideoModels(posts);
+    },
+    async loadBatch(limit, filter, excludeIds) {
+        const postsFilter = mapToFilter(filter);
+        postsFilter.excludeIds = excludeIds;
+        const posts = await client.getPostsBy(limit, postsFilter);
+        if (!posts) {
+            console.error("Failed to fetch short video posts: Null-payload received", posts);
             return [];
         }
         return mapToSiteShortVideoModels(posts);

package/dist/data-loaders/short-videos-data-loader/mapper.d.ts

@@ -1,3 +1,5 @@
 import type { ShortVideoModel } from './types';
-import { Post } from '../../services/types';
+import { Post, PostsFilter } from '../../services/types';
+import { Filter } from '../types';
 export declare const mapToSiteShortVideoModels: (posts: Post[]) => ShortVideoModel[];
+export declare const mapToFilter: (filter: Filter) => PostsFilter;

package/dist/data-loaders/short-videos-data-loader/mapper.js

@@ -19,5 +19,11 @@ const mapToSiteShortVideoModels = (posts) => {
         return shortVideo;
     });
 };
+const mapToFilter = (filter) => {
+    return {
+        categoryId: Array.isArray(filter.categoryId) ? undefined : filter.categoryId,
+        types: Array.isArray(filter.types) ? filter.types : undefined,
+    };
+};
 
-export { mapToSiteShortVideoModels };
+export { mapToFilter, mapToSiteShortVideoModels };

package/dist/data-loaders/short-videos-data-loader/types.d.ts

@@ -8,3 +8,7 @@ export interface ShortVideoModel {
     products: Product[];
     ad?: Ad;
 }
+export type ShortVideosFilter = {
+    categoryId?: string;
+    types?: string[];
+};

package/dist/data-loaders/streams-data-loader/index.d.ts

@@ -1,2 +1,2 @@
 export { getStreamsDataLoader } from './loader';
-export type { StreamModel } from './types';
+export type { StreamModel, StreamsFilter } from './types';

package/dist/data-loaders/streams-data-loader/loader.js

@@ -1,4 +1,4 @@
-import { mapToStreamModels } from './mapper.js';
+import { mapToFilter, mapToStreamModels } from './mapper.js';
 
 const getStreamsDataLoader = (client) => ({
     async load(ids) {
@@ -9,6 +9,16 @@ const getStreamsDataLoader = (client) => ({
         }
         return mapToStreamModels(streams);
     },
+    async loadBatch(limit, filter, excludeIds) {
+        const streamsFilter = mapToFilter(filter);
+        streamsFilter.excludeIds = excludeIds;
+        const streams = await client.getStreamsBy(limit, streamsFilter);
+        if (!streams) {
+            console.error('Failed to fetch site short video posts: Null-payload received', streams);
+            return [];
+        }
+        return mapToStreamModels(streams);
+    }
 });
 
 export { getStreamsDataLoader };

package/dist/data-loaders/streams-data-loader/mapper.d.ts

@@ -1,3 +1,5 @@
 import { StreamModel } from './types';
-import type { Stream } from '../../services/types';
+import type { Stream, StreamsFilter } from '../../services/types';
+import { Filter } from '../types';
 export declare const mapToStreamModels: (streams: Stream[]) => StreamModel[];
+export declare const mapToFilter: (filter: Filter) => StreamsFilter;

package/dist/data-loaders/streams-data-loader/mapper.js

@@ -10,5 +10,10 @@ const mapToStreamModels = (streams) => {
         return stream;
     });
 };
+const mapToFilter = (filter) => {
+    return {
+        categoryId: filter.categoryId,
+    };
+};
 
-export { mapToStreamModels };
+export { mapToFilter, mapToStreamModels };

package/dist/data-loaders/streams-data-loader/types.d.ts

@@ -5,3 +5,6 @@ export interface StreamModel {
     subTitle: string;
     publishedAt: string;
 }
+export type StreamsFilter = {
+    categoryId?: string;
+};

package/dist/data-loaders/types.d.ts

@@ -1,3 +1,7 @@
 export interface DataLoader<T> {
     load: (ids: string[]) => Promise<T[]>;
+    loadBatch: (limit: number, filter: Filter, excludeIds?: string[]) => Promise<T[]>;
 }
+export type Filter = {
+    [key: string]: string | string[] | undefined;
+};

package/dist/services/embed-content-api-client.d.ts

@@ -1,9 +1,11 @@
-import type { Post, Stream } from './types';
+import type { Post, PostsFilter, Stream, StreamsFilter } from './types';
 export declare class EmbedContentApiClient {
     private readonly gqlEndpoint;
     private readonly clientId;
     constructor(gqlEndpoint: string, clientId: string);
     getPosts(ids: string[]): Promise<Post[] | undefined>;
+    getPostsBy(limit: number, filter?: PostsFilter): Promise<Post[] | undefined>;
     getStreams(ids: string[]): Promise<Stream[] | undefined>;
+    getStreamsBy(limit: number, filter?: StreamsFilter): Promise<Stream[] | undefined>;
     private queryGql;
 }

package/dist/services/embed-content-api-client.js

@@ -18,6 +18,15 @@ class EmbedContentApiClient {
         });
         return response.embedPosts?.items;
     }
+    async getPostsBy(limit, filter) {
+        const response = await this.queryGql(EmbedPostsQuery, {
+            input: {
+                filter,
+                limit
+            }
+        });
+        return response.embedPosts?.items;
+    }
     async getStreams(ids) {
         const response = await this.queryGql(EmbedStreamsQuery, {
             input: {
@@ -28,6 +37,15 @@ class EmbedContentApiClient {
         });
         return response.embedStreams?.items;
     }
+    async getStreamsBy(limit, filter) {
+        const response = await this.queryGql(EmbedStreamsQuery, {
+            input: {
+                filter,
+                limit
+            }
+        });
+        return response.embedStreams?.items;
+    }
     queryGql = async (query, variables) => {
         const response = await fetch(this.gqlEndpoint, {
             method: 'POST',

package/dist/services/types.d.ts

@@ -153,6 +153,15 @@ export type Ad = {
     type: AdType;
     media: Media[];
 };
+export type StreamsFilter = {
+    categoryId?: string;
+    excludeIds?: string[];
+};
+export type PostsFilter = {
+    categoryId?: string;
+    excludeIds?: string[];
+    types?: string[];
+};
 export type Post = {
     ad?: Ad;
     allProducts: Product[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/streams-api-client",
-  "version": "3.4.1",
+  "version": "4.0.0-beta.5",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",