@streamscloud/embeddable 6.3.2 → 6.3.4-1757324363709

package/dist/short-videos/short-videos-player/internal-short-video-player-provider.d.ts

@@ -3,6 +3,7 @@ import type { IPlayerItemsProvider } from '../../ui/player';
 export declare class InternalShortVideoPlayerProvider implements IPlayerItemsProvider<ShortVideoViewerModel> {
     initialData: IPlayerItemsProvider<ShortVideoViewerModel>['initialData'];
     private ids;
+    private idOrder;
     private initialId?;
     private graphql;
     private dataLoader;

package/dist/short-videos/short-videos-player/internal-short-video-player-provider.js

@@ -4,21 +4,25 @@ import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
 import { mapToShortVideoViewerModel } from '../short-video-viewer';
 import { GetShortVideosDocument } from './operations.generated';
+const CHUNK_SIZE = 20;
 export class InternalShortVideoPlayerProvider {
     initialData;
     ids;
+    idOrder = new Map();
     initialId;
     graphql;
     dataLoader = new CursorDataLoader({
         loadPage: async (continuationToken) => {
+            const startIdIndex = continuationToken.value ? parseInt(continuationToken.value, 10) : 0;
+            const endIdIndex = Math.min(startIdIndex + CHUNK_SIZE, this.ids.length);
+            const idsChunk = this.ids.slice(startIdIndex, endIdIndex);
             try {
                 const payload = await this.graphql
                     .query(GetShortVideosDocument, {
                     input: {
-                        limit: 20,
-                        continuationToken,
+                        limit: idsChunk.length,
                         filter: {
-                            ids: this.ids
+                            ids: idsChunk
                         }
                     },
                     image_scale: ImageScale.OriginalEncoded
@@ -28,9 +32,14 @@ export class InternalShortVideoPlayerProvider {
                 if (!data) {
                     return null;
                 }
+                const items = data.items.map(mapToShortVideoViewerModel).sort((a, b) => {
+                    const ia = this.idOrder.get(a.id) ?? Number.MAX_SAFE_INTEGER;
+                    const ib = this.idOrder.get(b.id) ?? Number.MAX_SAFE_INTEGER;
+                    return ia - ib;
+                });
                 return {
-                    items: data.items.map(mapToShortVideoViewerModel),
-                    continuationToken: ContinuationToken.fromPayload(data.continuationToken)
+                    items,
+                    continuationToken: ContinuationToken.fromPayload(endIdIndex < this.ids.length ? endIdIndex.toString() : null)
                 };
             }
             catch {
@@ -42,6 +51,7 @@ export class InternalShortVideoPlayerProvider {
         const { ids, graphqlOrigin, initiator, initialId } = input;
         this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
         this.ids = ids;
+        ids.forEach((id, idx) => this.idOrder.set(id, idx));
         this.initialId = initialId;
         this.initialData = { prefetchedItems: [], startIndex: 0 };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "6.3.2",
+  "version": "6.3.4-1757324363709",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",
@@ -11,6 +11,9 @@
     "dev": "vite dev --port 3010",
     "build": "svelte-package --tsconfig ./tsconfig.app.json  && prettier --write --plugin prettier-plugin-svelte . && eslint --fix .",
     "build-publish": "npm run build && npm publish --access public",
+    "publish:prod": "npm run build && npm publish --access public --tag latest",
+    "version:dev": "node -e \"const fs=require('fs');const pkg=require('./package.json');const base=(pkg.version.includes('-')?pkg.version.split('-')[0]:pkg.version);pkg.version=base+'-'+Date.now();fs.writeFileSync('package.json',JSON.stringify(pkg,null,2)+'\\n');\"",
+    "publish:dev": "npm run build && npm run version:dev && npm publish --tag next && git checkout -- package.json",
     "pack": "npm run build && npm pack",
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json",