@mobilon-dev/chotto 0.3.90 → 0.3.92

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

@@ -7,33 +7,7 @@ interface UseFeedReplyOptions {
  * Композабл для обработки ответов и редактирования сообщений
  */
 export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedReplyOptions): {
-    getMessage: () => {
-        id: string;
-        text: string;
-        file?: {
-            url: string;
-            name?: string | undefined;
-            size?: number | undefined;
-            type?: string | undefined;
-        } | undefined;
-        reply?: {
-            messageId: string;
-            type: string;
-            text?: string | undefined;
-            url?: string | undefined;
-            filename?: string | undefined;
-            header?: string | undefined;
-            callDuration?: string | undefined;
-            isMissedCall?: boolean | undefined;
-        } | undefined;
-        edit?: {
-            messageId: string;
-            type: string;
-            text?: string | undefined;
-        } | undefined;
-        forceSend: boolean;
-        isRecording: boolean;
-    };
+    getMessage: () => import("@/hooks").MessageDraft;
     messageAction: (message: IFeedObject) => void;
     handleClickReplied: (messageId: string) => void;
     feedObjectDoubleClick: (event: MouseEvent, object: IFeedObject) => void;

package/dist/types/functions/renderAppleEmojis.d.ts

@@ -2,6 +2,10 @@
  * Рендер Unicode-эмодзi картинками Apple (тот же CDN, что vue3-emoji-picker-ru при native=false).
  */
 export declare const APPLE_EMOJI_CDN = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64";
+/** Ближайшая граница графемы (чтобы caret не попадал внутрь surrogate pair / ZWJ). */
+export declare function snapIndexToGrapheme(text: string, index: number, prefer?: 'before' | 'after' | 'nearest'): number;
+export declare function nextGraphemeIndex(text: string, index: number): number;
+export declare function previousGraphemeIndex(text: string, index: number): number;
 /** Имена файлов emoji-datasource совпадают с полем u: все codepoints через дефис, включая fe0f/fe0e */
 export declare function emojiToAppleCode(emoji: string, options?: {
     stripVariationSelectors?: boolean;
@@ -9,9 +13,20 @@ export declare function emojiToAppleCode(emoji: string, options?: {
 export declare function getAppleEmojiUrl(emoji: string): string;
 /** Альтернативный URL, если основной codepoint не совпал с именем файла в emoji-datasource */
 export declare function getAppleEmojiFallbackUrl(emoji: string): string | null;
+/**
+ * Слот: скрытый системный эмодзи задаёт ширину (как в textarea),
+ * поверх — Apple-картинка. Так caret совпадает с картинками.
+ */
 export declare function createAppleEmojiImgHtml(emoji: string): string;
-/** Plain text → HTML с Apple-эмодзi (для зеркала инпута) */
-export declare function textToAppleEmojiHtml(text: string): string;
+export declare function createAppleEmojiSlotElement(emoji: string): HTMLElement;
+/**
+ * Plain text → HTML с Apple-эмодзi (для зеркала инпута).
+ * Опционально подсвечивает выделенный диапазон (индексы как в textarea: UTF-16).
+ */
+export declare function textToAppleEmojiHtml(text: string, selection?: {
+    start: number;
+    end: number;
+} | null): string;
 export declare function textContainsEmoji(text: string): boolean;
 /** HTML → HTML, эмодзi в текстовых узлах заменяются на img */
 export declare function replaceEmojisInHtml(html: string): string;

package/dist/types/hooks/uploadFile/generatePreview.d.ts

@@ -1,3 +1,4 @@
+import type { IFilePreview } from '@/types';
 export declare const generatePreview: (file: File) => {
     isImage: boolean;
     isVideo: boolean;
@@ -5,3 +6,4 @@ export declare const generatePreview: (file: File) => {
     previewUrl: string;
     fileSize: string;
 };
+export declare function buildFilePreview(name: string | undefined, preview: ReturnType<typeof generatePreview> | undefined): IFilePreview | undefined;

package/dist/types/hooks/uploadFile/uploadFile.d.ts

@@ -1,21 +1,13 @@
-export declare const uploadFile: (filebumpUrl: string | null, selectedFile: File) => Promise<{
-    url: any;
+import { generatePreview } from './generatePreview';
+type UploadFileResult = {
+    url: string;
     name: string;
     size: number;
     type: string;
-    status: string;
-    preview: {
-        isImage: boolean;
-        isVideo: boolean;
-        isAudio: boolean;
-        previewUrl: string;
-        fileSize: string;
-    };
+    status: 'success';
+    preview: ReturnType<typeof generatePreview>;
 } | {
-    status: string;
-    url?: undefined;
-    name?: undefined;
-    size?: undefined;
-    type?: undefined;
-    preview?: undefined;
-}>;
+    status: 'error';
+};
+export declare const uploadFile: (filebumpUrl: string | null, selectedFile: File) => Promise<UploadFileResult>;
+export {};

package/dist/types/hooks/useMessageDraft.d.ts

@@ -1,4 +1,26 @@
-import { Edit, Reply } from '@/types';
+import { Edit, IFilePreview, Reply } from '@/types';
+/**
+ * Структура сообщения с черновиком текста, файлами и метаданными
+ * @interface MessageDraft
+ * @property {string} id - Уникальный идентификатор сообщения (обычно chatAppId)
+ * @property {string} text - Текст сообщения
+ * @property {UploadedFile} [file] - Прикрепленный файл
+ * @property {Reply} [reply] - Ответ на другое сообщение
+ * @property {Edit} [edit] - Редактируемое сообщение
+ * @property {boolean} forceSend - Флаг принудительной отправки сообщения
+ * @property {boolean} isRecording - Флаг активной записи (аудио/видео)
+ * @property {number} [inputHeight] - Высота поля ввода для этого черновика
+ */
+export interface MessageDraft {
+    id: string;
+    text: string;
+    file?: UploadedFile;
+    reply?: Reply;
+    edit?: Edit;
+    forceSend: boolean;
+    isRecording: boolean;
+    inputHeight?: number;
+}
 /**
  * Структура загруженного файла
  * @interface UploadedFile
@@ -6,13 +28,16 @@ import { Edit, Reply } from '@/types';
  * @property {string} [name] - Имя файла
  * @property {number} [size] - Размер файла в байтах
  * @property {string} [type] - MIME-тип файла
+ * @property {IFilePreview} [preview] - Превью для строки файла в ChatInput
  */
 interface UploadedFile {
     url: string;
     name?: string;
     size?: number;
     type?: string;
+    preview?: IFilePreview;
 }
+export declare function getChatDraft(chatAppId: string, chatId: string | number | null | undefined): MessageDraft | undefined;
 /**
  * Composable для управления состоянием черновика сообщения в конкретном чате
  *
@@ -20,7 +45,9 @@ interface UploadedFile {
  *
  * Предоставляет методы для работы с текстом, файлами, ответами и флагами сообщения.
  * Автоматически создает новый черновик, если сообщение с указанным ID не существует.
- * Поддерживает множественные экземпляры для разных чатов одновременно.
+ * Черновики разделяются по контакту (selectedChat.chatId): при переключении
+ * на другого контакта текст не переносится, а при возврате восстанавливается.
+ * Переключение диалога внутри контакта (MAX → TG) сохраняет тот же черновик.
  *
  * @param {string} outId - Уникальный идентификатор чата (chatAppId)
  *
@@ -76,33 +103,7 @@ interface UploadedFile {
  * resetReply();
  */
 export declare const useMessageDraft: (outId: string) => {
-    getMessage: () => {
-        id: string;
-        text: string;
-        file?: {
-            url: string;
-            name?: string | undefined;
-            size?: number | undefined;
-            type?: string | undefined;
-        } | undefined;
-        reply?: {
-            messageId: string;
-            type: string;
-            text?: string | undefined;
-            url?: string | undefined;
-            filename?: string | undefined;
-            header?: string | undefined;
-            callDuration?: string | undefined;
-            isMissedCall?: boolean | undefined;
-        } | undefined;
-        edit?: {
-            messageId: string;
-            type: string;
-            text?: string | undefined;
-        } | undefined;
-        forceSend: boolean;
-        isRecording: boolean;
-    };
+    getMessage: () => MessageDraft;
     resetMessage: () => void;
     setMessageFile: (file: UploadedFile) => void;
     resetMessageFile: () => void;

package/dist/types/locale/en.d.ts

@@ -3,6 +3,7 @@ export const en: {
     'component.ChatFilter.InputPlaceholder': string;
     'layout.ChatWrapper.noSelectedChat': string;
     'component.ChatItem.typing': string;
+    'component.ChatItem.draft': string;
     'component.ChatInput.InputPlaceholder': string;
     'component.ChatInput.TelegramInputPlaceholder': string;
     'component.ChatInput.WhatsappInputPlaceholder': string;

package/dist/types/locale/ru.d.ts

@@ -3,6 +3,7 @@ export const ru: {
     'component.ChatFilter.InputPlaceholder': string;
     'layout.ChatWrapper.noSelectedChat': string;
     'component.ChatItem.typing': string;
+    'component.ChatItem.draft': string;
     'component.ChatInput.InputPlaceholder': string;
     'component.ChatInput.WhatsappInputPlaceholder': string;
     'component.ChatInput.TelegramInputPlaceholder': string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.90",
+  "version": "0.3.92",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -43,7 +43,7 @@
     "primeicons": "^7.0.0",
     "sass-embedded": "^1.96.0",
     "vue": "^3.5.25",
-    "vue3-emoji-picker-ru": "^1.1.9"
+    "vue3-emoji-picker-ru": "^1.1.10"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",