@streamscloud/embeddable 2.8.2 → 3.0.0

package/dist/core/graphql.d.ts

@@ -1,4 +1,3 @@
-export declare const createLocalGQLClient: (graphqlOrigin?: string, customFetch?: typeof fetch) => import("@urql/core").Client;
+export declare const createLocalGQLClient: (graphqlOrigin?: string, headers?: HeadersInit, customFetch?: typeof fetch) => import("@urql/core").Client;
 export declare const resolveGraphQLOrigin: (origin?: string) => string;
-export declare const constructCoreGraphQLUrl: (graphqlOrigin?: string) => string;
-export declare const constructExternalGraphQLUrl: (graphqlOrigin?: string) => string;
+export declare const constructGraphQLUrl: (graphqlOrigin?: string) => string;

package/dist/core/graphql.js

@@ -1,9 +1,10 @@
 import { createClient, fetchExchange } from '@urql/core';
-export const createLocalGQLClient = (graphqlOrigin, customFetch) => createClient({
-    url: constructCoreGraphQLUrl(resolveGraphQLOrigin(graphqlOrigin)),
+export const createLocalGQLClient = (graphqlOrigin, headers, customFetch) => createClient({
+    url: constructGraphQLUrl(resolveGraphQLOrigin(graphqlOrigin)),
     requestPolicy: 'network-only',
     fetchOptions: {
-        credentials: 'include'
+        credentials: 'include',
+        headers: headers
     },
     fetch: customFetch || fetch,
     exchanges: [fetchExchange]
@@ -11,12 +12,7 @@ export const createLocalGQLClient = (graphqlOrigin, customFetch) => createClient
 export const resolveGraphQLOrigin = (origin) => {
     return origin || 'https://api.streamscloud.com';
 };
-export const constructCoreGraphQLUrl = (graphqlOrigin) => {
-    let baseUrl = resolveGraphQLOrigin(graphqlOrigin);
-    baseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
-    return `${baseUrl}graphql`;
-};
-export const constructExternalGraphQLUrl = (graphqlOrigin) => {
+export const constructGraphQLUrl = (graphqlOrigin) => {
     let baseUrl = resolveGraphQLOrigin(graphqlOrigin);
     baseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
     return `${baseUrl}external/graphql`;

package/dist/short-videos/short-videos-player/cmp.short-videos-player.svelte

@@ -19,7 +19,7 @@ import { GetShortVideosDocument } from './operations.generated';
 import { ShortVideosPlayerLocalization } from './short-videos-player-localization';
 import { ShortVideosPlayerUiManager } from './ui-manager.svelte';
 import { onMount, untrack } from 'svelte';
-let { input, localization: localizationInit, on } = $props();
+let { input, localization: localizationInit, initiator, on } = $props();
 const localization = $derived(new ShortVideosPlayerLocalization(localizationInit));
 let everTouched = $state(false);
 let buffer = $state(input.type === 'provider' ? new PlayerBuffer(input.provider) : null);
@@ -35,12 +35,12 @@ const initBuffer = (input) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     try {
         const { graphqlOrigin, ids, initialId } = input;
-        const graphql = createLocalGQLClient(graphqlOrigin);
+        const graphql = createLocalGQLClient(graphqlOrigin, { 'x-initiator': initiator || 'player/short-videos' });
         const payload = yield graphql
             .query(GetShortVideosDocument, {
             input: {
                 filter: {
-                    includePostIds: ids
+                    ids
                 }
             }
         })

package/dist/short-videos/short-videos-player/cmp.short-videos-player.svelte.d.ts

@@ -4,6 +4,7 @@ import type { PlayerInput } from './types';
 type Props = {
     input: PlayerInput;
     localization: IShortVideosPlayerLocalization | Locale;
+    initiator?: string;
     on?: {
         closePlayer?: () => void;
     };

package/dist/short-videos/short-videos-player/index.js

@@ -80,7 +80,8 @@ export const openShortVideosPlayer = async (init) => {
             type: 'ids',
             ids: init.ids,
             initialId: init.initialId,
-            graphqlOrigin: init.graphqlOrigin
+            graphqlOrigin: init.graphqlOrigin,
+            initiator: init.initiator
         };
     }
     else {

package/dist/short-videos/short-videos-player/operations.generated.d.ts

@@ -1,7 +1,7 @@
 import type * as SchemaTypes from '../../../gql/types';
 import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 export type GetShortVideosQueryVariables = SchemaTypes.Exact<{
-    input: SchemaTypes.PostsInput;
+    input: SchemaTypes.EmbedPostsInput;
     image_scale?: SchemaTypes.InputMaybe<SchemaTypes.ImageScale>;
 }>;
 export type GetShortVideosQuery = {

package/dist/short-videos/short-videos-player/operations.generated.js

@@ -9,7 +9,7 @@ export const GetShortVideosDocument = {
                 {
                     kind: 'VariableDefinition',
                     variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
-                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'PostsInput' } } }
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedPostsInput' } } }
                 },
                 {
                     kind: 'VariableDefinition',
@@ -24,7 +24,7 @@ export const GetShortVideosDocument = {
                     {
                         kind: 'Field',
                         alias: { kind: 'Name', value: 'shortVideos' },
-                        name: { kind: 'Name', value: 'posts' },
+                        name: { kind: 'Name', value: 'embedPosts' },
                         arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
                         selectionSet: {
                             kind: 'SelectionSet',

package/dist/short-videos/short-videos-player/operations.graphql

@@ -1,6 +1,6 @@
 # noinspection GraphQLSchemaValidation
-query GetShortVideos($input: PostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
-  shortVideos: posts(input: $input) {
+query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
+  shortVideos: embedPosts(input: $input) {
     items {
       ...ShortVideoViewerPayloadFragment
     }

package/dist/short-videos/short-videos-player/types.d.ts

@@ -11,6 +11,7 @@ export type IdsPlayerInput = {
     ids: string[];
     initialId?: string;
     graphqlOrigin?: string;
+    initiator?: string;
 };
 export type OpenShortVideosPlayerInit = ProviderInit | IdsInit;
 type ProviderInit = {
@@ -25,6 +26,7 @@ type IdsInit = {
     graphqlOrigin?: string;
     initialId?: string;
     localization?: IShortVideosPlayerLocalization | 'en' | 'no';
+    initiator?: string;
     on?: {
         playerClosed?: () => void;
     };

package/dist/streams/stream-player/cmp.stream-player.svelte

@@ -9,7 +9,7 @@
 };
 import { getOrCreateProfileId } from '../../core/analytics.profile-id';
 import { handleEsc } from '../../core/document.event-handlers';
-import { constructExternalGraphQLUrl, createLocalGQLClient } from '../../core/graphql';
+import { constructGraphQLUrl, createLocalGQLClient } from '../../core/graphql';
 import { toastrWarning } from '../../core/toastr';
 import { ShortVideoViewer } from '../../short-videos/short-video-viewer';
 import { mapToShortVideoViewerModel } from '../layout/models';
@@ -27,7 +27,7 @@ import { StreamPlayerLocalization } from './stream-player-localization';
 import { StreamPlayerUiManager } from './ui-manager.svelte';
 import { AppEventsTracker } from '@streamscloud/streams-analytics-collector';
 import { onMount } from 'svelte';
-let { streamId, graphqlOrigin, localization: localizationInit, showStreamsCloudWatermark, on } = $props();
+let { streamId, graphqlOrigin, localization: localizationInit, showStreamsCloudWatermark, initiator, on } = $props();
 const localization = $derived(new StreamPlayerLocalization(localizationInit));
 let model = $state(null);
 let buffer = $state.raw(null);
@@ -56,14 +56,14 @@ onMount(() => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c, _d;
     uiManager.overviewCollapsed = window && window.innerWidth < window.innerHeight;
     try {
-        const graphql = createLocalGQLClient(graphqlOrigin);
+        const graphql = createLocalGQLClient(graphqlOrigin, { 'x-initiator': initiator !== null && initiator !== void 0 ? initiator : 'player/stream' });
         const streamPayload = yield graphql.query(GetStreamDocument, { id: streamId }).toPromise();
         if (!((_a = streamPayload.data) === null || _a === void 0 ? void 0 : _a.stream)) {
             toastrWarning(localization.streamNotFound);
             (_b = on === null || on === void 0 ? void 0 : on.closePlayer) === null || _b === void 0 ? void 0 : _b.call(on);
             return;
         }
-        AppEventsTracker.setEndpoint(constructExternalGraphQLUrl(graphqlOrigin));
+        AppEventsTracker.setEndpoint(constructGraphQLUrl(graphqlOrigin));
         AppEventsTracker.setProfileId(getOrCreateProfileId());
         (_c = on === null || on === void 0 ? void 0 : on.streamActivated) === null || _c === void 0 ? void 0 : _c.call(on, {
             ownerId: streamPayload.data.stream.ownerProfile.id,

package/dist/streams/stream-player/cmp.stream-player.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     localization: IStreamPlayerLocalization | Locale;
     graphqlOrigin?: string;
     showStreamsCloudWatermark?: boolean;
+    initiator?: string;
     on?: {
         closePlayer?: () => void;
         streamActivated?: (data: {

package/dist/streams/stream-player/index.d.ts

@@ -28,6 +28,7 @@ export declare const openStreamPlayer: (init: {
     graphqlOrigin?: string;
     localization?: IStreamPlayerLocalization | "en" | "no";
     showStreamsCloudWatermark?: boolean;
+    initiator?: string;
     on?: {
         streamActivated?: (data: {
             title: string;

package/dist/streams/stream-player/index.js

@@ -27,7 +27,7 @@ import { mount, unmount } from 'svelte';
  * ```
  */
 export const openStreamPlayer = (init) => {
-    const { streamId, graphqlOrigin, localization, showStreamsCloudWatermark } = init;
+    const { streamId, graphqlOrigin, localization, showStreamsCloudWatermark, initiator } = init;
     const shadowHost = new ShadowHost();
     const mounted = mount(StreamPlayer, {
         target: shadowHost.shadowRoot,
@@ -36,6 +36,7 @@ export const openStreamPlayer = (init) => {
             graphqlOrigin,
             localization: getLocale(localization),
             showStreamsCloudWatermark,
+            initiator,
             on: {
                 streamActivated: (data) => {
                     AppEventsTracker.setOrganizationId(data.ownerId);

package/dist/streams/stream-player/operations.generated.d.ts

@@ -27,7 +27,7 @@ export type GetStreamQuery = {
     } | null;
 };
 export type GetStreamPagesQueryVariables = SchemaTypes.Exact<{
-    input: SchemaTypes.StreamPagesInput;
+    input: SchemaTypes.EmbedStreamPagesInput;
     image_scale: SchemaTypes.ImageScale;
 }>;
 export type GetStreamPagesQuery = {

package/dist/streams/stream-player/operations.generated.js

@@ -67,7 +67,8 @@ export const GetStreamDocument = {
                 selections: [
                     {
                         kind: 'Field',
-                        name: { kind: 'Name', value: 'stream' },
+                        alias: { kind: 'Name', value: 'stream' },
+                        name: { kind: 'Name', value: 'embedStream' },
                         arguments: [
                             {
                                 kind: 'Argument',
@@ -141,7 +142,7 @@ export const GetStreamPagesDocument = {
                 {
                     kind: 'VariableDefinition',
                     variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
-                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'StreamPagesInput' } } }
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedStreamPagesInput' } } }
                 },
                 {
                     kind: 'VariableDefinition',
@@ -154,7 +155,8 @@ export const GetStreamPagesDocument = {
                 selections: [
                     {
                         kind: 'Field',
-                        name: { kind: 'Name', value: 'streamPages' },
+                        alias: { kind: 'Name', value: 'streamPages' },
+                        name: { kind: 'Name', value: 'embedStreamPages' },
                         arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
                         selectionSet: {
                             kind: 'SelectionSet',

package/dist/streams/stream-player/operations.graphql

@@ -1,12 +1,12 @@
 query GetStream($id: String!) {
-  stream(input: { id: $id }) {
+  stream: embedStream(input: { id: $id }) {
     ...StreamPlayerPayloadFragment
   }
 }
 
 # noinspection GraphQLSchemaValidation
-query GetStreamPages($input: StreamPagesInput!, $image_scale: ImageScale!) {
-  streamPages(input: $input) {
+query GetStreamPages($input: EmbedStreamPagesInput!, $image_scale: ImageScale!) {
+  streamPages: embedStreamPages(input: $input) {
     items {
       ...StreamPageViewerPayloadFragment
     }

package/dist/streams/stream-player/stream-player-buffer.svelte.js

@@ -23,7 +23,7 @@ export class StreamPlayerBuffer {
                 const payload = await graphql
                     .query(GetStreamPagesDocument, {
                     input: {
-                        limit: 10,
+                        limit: 2,
                         continuationToken,
                         filter: {
                             streamId
@@ -70,7 +70,7 @@ export class StreamPlayerBuffer {
         this._pagesLoader.reset();
     };
     warmUpBuffer = async () => {
-        const bufferSize = 5;
+        const bufferSize = 2;
         if (this.loaded.length >= this.currentIndex + bufferSize) {
             return;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "2.8.2",
+  "version": "3.0.0",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",