@wyxos/vibe 4.5.2 → 4.5.4

package/lib/components/MediaCard.vue.d.ts

@@ -2,6 +2,7 @@ import { type CSSProperties } from 'vue';
 import { type MediaPreviewState } from '../core/mediaPreview';
 import type { VibeCardRegion, VibeItem, VibeLayout, VibeMediaSource, VibeMediaCardOptions } from '../types';
 type __VLS_Props = {
+    active?: boolean;
     advanceOnMediaEnd?: boolean;
     cardFooter?: VibeCardRegion;
     cardHeader?: VibeCardRegion;
@@ -18,6 +19,8 @@ type __VLS_Props = {
     mediaCard?: VibeMediaCardOptions;
     mediaSource?: VibeMediaSource;
     previewState: MediaPreviewState;
+    reelControlsTarget?: HTMLElement | null;
+    stationaryReelControls?: boolean;
     total: number | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/lib/components/ReelFeed.vue.d.ts

@@ -3,12 +3,16 @@ import type { VibeItemId } from '../types';
 declare function loadIfNearBottom(): void;
 declare function changeActiveMedia(direction: -1 | 1): boolean;
 declare function moveActivePost(direction: -1 | 1): boolean;
+declare function transitionActivePost(postId: VibeItemId): Promise<boolean>;
+declare function transitionActiveMedia(direction: -1 | 1): Promise<boolean>;
 declare const __VLS_export: import("vue").DefineComponent<ReelFeedProps, {
     activeIndex: import("vue").ShallowRef<number, number>;
     activePostId: import("vue").ComputedRef<VibeItemId>;
     changeActiveMedia: typeof changeActiveMedia;
     loadIfNearBottom: typeof loadIfNearBottom;
     moveActivePost: typeof moveActivePost;
+    transitionActiveMedia: typeof transitionActiveMedia;
+    transitionActivePost: typeof transitionActivePost;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ready: (postId: VibeItemId, mediaIndex: number) => any;
     error: (postId: VibeItemId, mediaIndex: number) => any;

package/lib/components/ReelLayout.vue.d.ts

@@ -3,10 +3,14 @@ import type { VibeItemId } from '../types';
 declare function changeActiveMedia(direction: -1 | 1): boolean;
 declare function loadIfNearBottom(): void;
 declare function moveActivePost(direction: -1 | 1): boolean;
+declare function transitionActiveMedia(direction: -1 | 1): Promise<boolean>;
+declare function transitionActivePost(postId: VibeItemId): Promise<boolean>;
 declare const __VLS_export: import("vue").DefineComponent<ReelLayoutProps, {
     changeActiveMedia: typeof changeActiveMedia;
     loadIfNearBottom: typeof loadIfNearBottom;
     moveActivePost: typeof moveActivePost;
+    transitionActiveMedia: typeof transitionActiveMedia;
+    transitionActivePost: typeof transitionActivePost;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     ready: (postId: VibeItemId, mediaIndex: number) => any;
     error: (postId: VibeItemId, mediaIndex: number) => any;

package/lib/components/VibeSurface.vue.d.ts

@@ -21,6 +21,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     loadIfNearBottom: typeof loadIfNearBottom;
     moveActiveReelPost: typeof moveActiveReelPost;
     startItemRemoval: typeof startItemRemoval;
+    transitionActiveReelMedia: (direction: -1 | 1) => Promise<boolean>;
+    transitionActiveReelPost: (postId: VibeItemId) => Promise<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: () => any;
     retryEnd: () => any;

package/lib/core/feed.d.ts

@@ -25,6 +25,14 @@ export interface MasonryFeedProps extends FeedRendererProps {
     removalDelays?: ReadonlyMap<VibeItemId, number>;
     suspended?: boolean;
 }
+export interface FeedRendererExpose {
+    changeActiveMedia?: (direction: -1 | 1) => boolean;
+    getScrollElement?: () => HTMLElement | null;
+    loadIfNearBottom: () => void;
+    moveActivePost?: (direction: -1 | 1) => boolean;
+    transitionActiveMedia?: (direction: -1 | 1) => Promise<boolean>;
+    transitionActivePost?: (postId: VibeItemId) => Promise<boolean>;
+}
 export interface ReelFeedProps extends FeedRendererProps {
     initialPostId?: VibeItemId | null;
     mediaSource?: VibeMediaSource;
@@ -45,6 +53,8 @@ export interface VibeSurfaceExpose {
     loadIfNearBottom: () => Promise<void>;
     moveActiveReelPost: (direction: -1 | 1) => boolean;
     startItemRemoval: (postIds: readonly VibeItemId[]) => number;
+    transitionActiveReelMedia: (direction: -1 | 1) => Promise<boolean>;
+    transitionActiveReelPost: (postId: VibeItemId) => Promise<boolean>;
 }
 export declare const LOAD_MORE_THRESHOLD = 240;
 export declare function isNearFeedBottom(element: HTMLElement): boolean;

package/lib/core/itemRemovalController.d.ts

@@ -4,6 +4,7 @@ interface ItemRemovalControllerOptions {
     historyLimit?: number;
     onItemsRemoved: (removal: VibeRemoval, placements: readonly VibeItemPlacement[], activeIndex: number) => void;
     onRemovalRestored: (removal: VibeRemoval) => void;
+    prepareRemoval: (postIds: readonly VibeItemId[]) => Promise<void>;
     startRemoval: (postIds: readonly VibeItemId[]) => number;
     state: VibeRuntimeState;
 }

package/lib/core/reelRemovalTransitionController.d.ts

@@ -0,0 +1,21 @@
+import type { VibeRuntimeState } from './runtime';
+import type { VibeItemId, VibeMediaTarget } from '../types';
+interface ReelRemovalTransitionControllerOptions {
+    state: VibeRuntimeState;
+    transitionMedia: (direction: -1 | 1) => Promise<boolean>;
+    transitionPost: (postId: VibeItemId) => Promise<boolean>;
+}
+export declare class ReelRemovalTransitionController {
+    private readonly options;
+    private generation;
+    private pending;
+    constructor(options: ReelRemovalTransitionControllerOptions);
+    prepareItems(postIds: readonly VibeItemId[]): Promise<void>;
+    prepareMedia(target: VibeMediaTarget): Promise<void>;
+    reset(): void;
+    private preparePosts;
+    private isReelActive;
+    private nextSurvivor;
+    private serialize;
+}
+export {};

package/lib/core/reelScrollTransition.d.ts

@@ -0,0 +1 @@
+export declare function transitionReelScroll(element: HTMLElement, top: number, immediate: boolean): Promise<void>;

package/lib/core/removalControllers.d.ts

@@ -1,6 +1,8 @@
 import { ExactMediaRemovalController } from './exactMediaRemovalController';
 import { ItemRemovalController } from './itemRemovalController';
 import { ReelForwardController } from './reelForwardController';
+import { ReelRemovalTransitionController } from './reelRemovalTransitionController';
+import type { VibeSurfaceExpose } from './feed';
 import type { VibeRuntimeState } from './runtime';
 import type { VibeItemId } from '../types';
 interface RemovalControllerOptions {
@@ -8,13 +10,14 @@ interface RemovalControllerOptions {
     loadNext: () => Promise<void>;
     onActivate: (postId: VibeItemId) => void;
     retryEnd: () => Promise<void>;
-    startRemoval: (postIds: readonly VibeItemId[]) => number;
     state: VibeRuntimeState;
+    surface: () => VibeSurfaceExpose | null;
 }
 export interface RemovalControllers {
     exactMediaRemoval: ExactMediaRemovalController;
     itemRemoval: ItemRemovalController;
     reelForward: ReelForwardController;
+    reelRemoval: ReelRemovalTransitionController;
 }
 export declare function createRemovalControllers(options: RemovalControllerOptions): RemovalControllers;
 export {};