@mobilon-dev/chotto 0.3.105 → 0.3.107

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts

@@ -1,5 +1,4 @@
-import 'vue3-emoji-picker-ru/css';
-import type { MessageReactions, Reply } from '@/types';
+import type { MessageReactions } from '@/types';
 import { type ReactionsMode } from './composables';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     reactions: {
@@ -11,10 +10,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,47 +19,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
-    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
     currentUserId: {
         type: () => string | number | undefined;
         default: undefined;
     };
-    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
     currentUserName: {
         type: StringConstructor;
         default: undefined;
     };
-    /** userId → имя (если в item нет name) */
     reactionUserNames: {
         type: () => Record<string, string>;
         default: undefined;
     };
-    reply: {
-        type: () => Reply | undefined;
-        default: undefined;
-    };
-    replyEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Показывать кнопку меню действий сообщения в панели быстрых реакций */
-    menuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    menu: (payload: {
-        messageId: string | number;
-        triggerRect?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-            width: number;
-            height: number;
-        };
-        event?: MouseEvent;
-    }) => any;
+}>, {
+    reactionsContainerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-reaction": (payload: {
         messageId: string | number;
         key: string;
@@ -87,10 +56,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     enabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -100,47 +65,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
-    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
     currentUserId: {
         type: () => string | number | undefined;
         default: undefined;
     };
-    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
     currentUserName: {
         type: StringConstructor;
         default: undefined;
     };
-    /** userId → имя (если в item нет name) */
     reactionUserNames: {
         type: () => Record<string, string>;
         default: undefined;
     };
-    reply: {
-        type: () => Reply | undefined;
-        default: undefined;
-    };
-    replyEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** Показывать кнопку меню действий сообщения в панели быстрых реакций */
-    menuEnabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
 }>> & Readonly<{
-    onMenu?: ((payload: {
-        messageId: string | number;
-        triggerRect?: {
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-            width: number;
-            height: number;
-        };
-        event?: MouseEvent;
-    }) => any) | undefined;
     "onToggle-reaction"?: ((payload: {
         messageId: string | number;
         key: string;
@@ -154,15 +91,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         key: string;
     }) => any) | undefined;
 }>, {
-    reply: Reply | undefined;
     mode: ReactionsMode;
     reactions: MessageReactions | undefined;
-    readonly: boolean;
     enabled: boolean;
     currentUserId: string | number | undefined;
     currentUserName: string;
     reactionUserNames: Record<string, string>;
-    replyEnabled: boolean;
-    menuEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -3,7 +3,8 @@
  */
 export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
 /**
- * Находит контейнер содержимого сообщения (например, text-message__content)
+ * Находит контейнер содержимого сообщения (например, text-message__content).
+ * Якорь overlay может быть самим __content — проверяем элемент и предков.
  */
 export declare function findMessageContent(element: HTMLElement | null): HTMLElement | null;
 /**

package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts

@@ -6,6 +6,9 @@ type __VLS_Slots = {} & {
     'empty-feed'?: (props: typeof __VLS_47) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Объекты ленты. При смене чата сначала рисуется хвост, остальное дорисовывается пачками.
+     */
     objects: {
         type: {
             (arrayLength: number): IFeedObject[];
@@ -124,6 +127,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     forceScrollToBottom: (...args: any[]) => void;
     delimiterRead: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Объекты ленты. При смене чата сначала рисуется хвост, остальное дорисовывается пачками.
+     */
     objects: {
         type: {
             (arrayLength: number): IFeedObject[];

package/dist/types/components/3_compounds/Feed/composables/index.d.ts

@@ -4,6 +4,8 @@ export * from './useFeedGrouping';
 export * from './useFeedKeyboard';
 export * from './useFeedLoadMore';
 export * from './useFeedMessageVisibility';
+export * from './useFeedProgressiveRender';
+export * from './useFeedReactionsOverlay';
 export * from './useFeedReply';
 export * from './useFeedScroll';
 export * from './useFeedScrollTo';

package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts

@@ -4,29 +4,10 @@ interface UseFeedGroupingOptions {
     objects: ComputedRef<IFeedObject[]>;
 }
 /**
- * Композабл для группировки сообщений в серии (по отправителю)
+ * Флаги «первое в серии» без копирования objects.
+ * Сами сообщения остаются исходными ссылками — Vue не патчит все пузыри зря.
  */
 export declare function useFeedGrouping({ objects }: UseFeedGroupingOptions): {
-    groupedObjects: ComputedRef<{
-        isFirstInSeries: boolean;
-        messageId: string;
-        type: string;
-        header?: string;
-        text?: string;
-        position?: string;
-        status?: string;
-        time?: string;
-        url?: string;
-        alt?: string;
-        filename?: string;
-        avatar?: string;
-        subtext?: string;
-        views?: number;
-        callDuration?: string;
-        isMissedCall?: boolean;
-        reply?: import("@/types").Reply;
-        linkPreview?: import("@/types").ILinkPreview;
-        keyboard?: import("@/types").IKeyBoard[];
-    }[]>;
+    seriesFlags: ComputedRef<boolean[]>;
 };
 export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedProgressiveRender.d.ts

@@ -0,0 +1,22 @@
+import { type Ref } from 'vue';
+import type { IFeedObject } from '@/types';
+export declare const FEED_TAIL_CHUNK = 28;
+export declare const FEED_BACKFILL_CHUNK = 24;
+interface UseFeedProgressiveRenderOptions {
+    objectsRef: {
+        value: IFeedObject[];
+    };
+    feedRef: Ref<HTMLElement | null>;
+}
+/**
+ * Первый кадр — хвост ленты, остальное дорисовывается пачками.
+ * После дорисовки все objects в DOM, скролл нативный.
+ */
+export declare function useFeedProgressiveRender({ objectsRef, feedRef, }: UseFeedProgressiveRenderOptions): {
+    visibleObjects: import("vue").ComputedRef<IFeedObject[]>;
+    renderStart: Ref<number, number>;
+    isBackfilling: import("vue").ComputedRef<boolean>;
+    revealThroughIndex: (index: number) => void;
+    accelerateBackfill: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedReactionsOverlay.d.ts

@@ -0,0 +1,52 @@
+import { type Ref } from 'vue';
+import type { ReactionsMode } from '@/components/2_feed_elements/MessageReactions/composables';
+import type { MessageReactions, Reply } from '@/types';
+import type { OpenMessageMenuSource } from '@/hooks/messages/useMessageActions';
+export interface FeedReactionsHandlers {
+    onToggleReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onAddReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onRemoveReaction: (payload: {
+        messageId: string | number;
+        key: string;
+    }) => void;
+    onMenu: (source?: OpenMessageMenuSource) => void;
+}
+export interface FeedReactionsTarget {
+    messageId: string | number;
+    anchorEl: HTMLElement;
+    chipsEl: HTMLElement | null;
+    reactions: MessageReactions | undefined;
+    reply: Reply | undefined;
+    replyEnabled: boolean;
+    menuEnabled: boolean;
+    mode: ReactionsMode;
+    enabled: boolean;
+    handlers: FeedReactionsHandlers;
+    /** Записать оптимистичное состояние реакций в объект сообщения ленты */
+    patchReactions: (next: MessageReactions) => void;
+}
+export interface FeedReactionsConsumerApi {
+    activate: (target: FeedReactionsTarget) => void;
+    handlePointerLeave: (event: PointerEvent, contentEl: HTMLElement | null, chipsEl?: HTMLElement | null) => void;
+}
+export interface FeedReactionsOverlayState {
+    activeTarget: Ref<FeedReactionsTarget | null>;
+    anchorRef: Ref<HTMLElement | null>;
+}
+type PanelBridge = {
+    onMessageEnter: () => void;
+    onMessageLeave: () => void;
+    isPanelOpen: () => boolean;
+    containsNode: (node: Node) => boolean;
+};
+export declare function registerFeedReactionsPanelBridge(bridge: PanelBridge | null): void;
+export declare function provideFeedReactionsOverlay(): FeedReactionsOverlayState;
+export declare function useFeedReactionsConsumer(): FeedReactionsConsumerApi | null;
+export declare function useFeedReactionsOverlayState(): FeedReactionsOverlayState | null;
+export {};

package/dist/types/components/index.d.ts

@@ -49,6 +49,7 @@ export { default as UserProfile } from './2_elements/UserProfile/UserProfile.vue
 export { default as VideoRecorder } from './2_elements/VideoRecorder/VideoRecorder.vue';
 export { default as AudioMessage } from './2_feed_elements/AudioMessage/AudioMessage.vue';
 export { default as BaseReplyMessage } from './2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue';
+export { default as FeedReplyQuote } from './2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue';
 export { default as BaseEditMessage } from './2_feed_elements/BaseEditMessage/BaseEditMessage.vue';
 export { default as CallMessage } from './2_feed_elements/CallMessage/CallMessage.vue';
 export { default as DateMessage } from './2_feed_elements/DateMessage/DateMessage.vue';

package/dist/types/hooks/messages/index.d.ts

@@ -1,5 +1,7 @@
 export * from './useMessageActions';
 export * from './useMessageHoverActions';
+export * from './useMessageReactionsMount';
+export * from './useMessageReactionsInFeed';
 export * from './calculateMessageMenuPosition';
 export * from './useMessageMenuActions';
 export * from './useMessageLinks';

package/dist/types/hooks/messages/useMessageReactionsInFeed.d.ts

@@ -0,0 +1,25 @@
+import { type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
+import type { MessageReactions, Reply } from '@/types';
+import type { FeedReactionsHandlers } from '@/components/3_compounds/Feed/composables/useFeedReactionsOverlay';
+type MessageWithReactions = {
+    reactions?: MessageReactions;
+};
+export declare const MESSAGE_REACTIONS_PATCH_KEY: InjectionKey<(next: MessageReactions) => void>;
+interface UseMessageReactionsInFeedOptions {
+    message: MaybeRefOrGetter<MessageWithReactions>;
+    messageId: MaybeRefOrGetter<string | number>;
+    reactions: MaybeRefOrGetter<MessageReactions | undefined>;
+    reactionsActive: MaybeRefOrGetter<boolean>;
+    reactionsMode: MaybeRefOrGetter<'single' | 'multi'>;
+    reply: MaybeRefOrGetter<Reply | undefined>;
+    menuEnabled: MaybeRefOrGetter<boolean>;
+    contentRef: Ref<HTMLElement | null>;
+    chipsRef?: Ref<HTMLElement | null>;
+    handlers: FeedReactionsHandlers;
+}
+export declare function useMessageReactionsInFeed(options: UseMessageReactionsInFeedOptions): {
+    showReactions: import("vue").ComputedRef<boolean>;
+    onContentPointerEnter: () => void;
+    onContentPointerLeave: (event: PointerEvent) => void;
+};
+export {};

package/dist/types/hooks/messages/useMessageReactionsMount.d.ts

@@ -0,0 +1,10 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { MessageReactions } from '@/types';
+/**
+ * Отложенный mount MessageReactions: без items — только после pointerenter на контент.
+ */
+export declare function useMessageReactionsMount(reactions: MaybeRefOrGetter<MessageReactions | undefined>, reactionsActive: MaybeRefOrGetter<boolean>): {
+    showReactions: import("vue").ComputedRef<boolean>;
+    engageReactionsMount: () => void;
+    hasReactionItems: import("vue").ComputedRef<boolean>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.105",
+  "version": "0.3.107",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",