@opentiny/next-remoter 0.2.2 → 0.2.4

package/dist/components/BubbleImageRenderer.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    content: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    content: string;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/TinyRobotChat.vue.d.ts

@@ -0,0 +1,303 @@
+import { TrSender, PluginInfo } from '@opentiny/tiny-robot';
+import { STATUS } from '@opentiny/tiny-robot-kit';
+import { Ref, ComponentInstance } from 'vue';
+import { ICustomAgentModelProviderLlmConfig } from '../types/type';
+import { MenuItemConfig, McpServerConfig } from '@opentiny/next-sdk';
+import { UnifiedModelConfig } from '../types/model-config';
+
+declare function __VLS_template(): Readonly<{
+    welcome(): any;
+    suggestions(): any;
+    operations(): any;
+    'header-actions'(): any;
+}> & {
+    welcome(): any;
+    suggestions(): any;
+    operations(): any;
+    'header-actions'(): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fullscreen: import('vue').PropType<any>;
+    show: import('vue').PropType<any>;
+    selectedModelId: import('vue').PropType<any>;
+    genUiAble: import('vue').PropType<any>;
+    enabledTools: import('vue').PropType<any>;
+    /** 必传的会话id */
+    sessionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 后端的代理服务器地址 */
+    agentRoot: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 系统提示词 */
+    systemPrompt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 左上角的标题 */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 语言 en-US、zh-CN */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    remoteUrl: {
+        type: StringConstructor;
+    };
+    menuItems: {
+        type: () => MenuItemConfig[];
+    };
+    qrCodeUrl: {
+        type: StringConstructor;
+    };
+    /** 悬浮AI图标的地址 */
+    AILogoUrl: {
+        type: StringConstructor;
+    };
+    /** 展示模式： 'remoter' | 'chat-dialog'
+     * 遥控器模式： 自动在右下角显示一个AI图标，点击展开多个菜单项。
+     * 对话框模式： 直接显示一个对话框界面
+     *  */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 大语言模型配置对象 */
+    llmConfig: {
+        type: () => ICustomAgentModelProviderLlmConfig | undefined;
+        default: undefined;
+    };
+    /** 设置组件运行在普通页面还是浏览器的扩展中 */
+    inBrowserExt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 生成式UI 需要引入的组件。生成式UI内置了一批组件，如果需要引入新组件，需要通过这里导入。
+     * 参考示例： shallowReactive({TinyUser, TinyAlert }) */
+    genUiComponents: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 自定义 MCP 市场服务列表一般是后台的mcp工具常驻存在 */
+    customMarketMcpServers: {
+        type: () => PluginInfo[];
+        default: () => never[];
+    };
+    /** MCP 服务器配置：业界格式 { "服务器名称": McpServerConfig }，name 即对象的 key */
+    mcpServers: {
+        type: () => Record<string, McpServerConfig>;
+        default: undefined;
+    };
+    /** LLM 配置数组，每一项基于 llmConfig 格式，额外包含 id、label、icon、isDefault、useReActMode 字段 */
+    llmConfigs: {
+        type: () => UnifiedModelConfig[];
+        default: undefined;
+    };
+    /**
+     * 用户层传入的 skill .md 模块（Record<path, content>，如 Vite import.meta.glob 得到的结果），
+     * 由 remoter 调用 next-sdk 的 skill 能力处理：生成 systemPrompt 技能说明、内置 get_skill_content 工具，大模型可自动识别并加载技能
+     */
+    skills: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    /** 布局模式：支持所有 CSS position 属性值 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' */
+    layoutMode: {
+        type: () => "static" | "relative" | "absolute" | "fixed" | "sticky";
+        default: string;
+    };
+}>, {
+    /** 大模型代理 */
+    agent: import('@opentiny/next-sdk').AgentModelProvider;
+    /** 欢迎图标 */
+    welcomeIcon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    /** 对话消息 */
+    messages: Ref<import('@opentiny/tiny-robot-kit').ChatMessage[], import('@opentiny/tiny-robot-kit').ChatMessage[]>;
+    /** 对话消息状态 */
+    messageState: {
+        status: STATUS;
+        errorMsg: string | null;
+    };
+    /** 对话卡片的角色配置 */
+    roles: {
+        assistant: {
+            type: string;
+            placement: string;
+            avatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+            maxWidth: string;
+            customContentField: string;
+            slots: {
+                footer: ({ index }: {
+                    index: number;
+                }) => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
+            };
+        };
+        user: {
+            placement: string;
+            avatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+            maxWidth: string;
+            customContentField: string;
+        };
+    };
+    /** 输入框的文本 */
+    inputMessage: Ref<string, string>;
+    /** 输入框组件的实例 */
+    senderRef: Ref<ComponentInstance<typeof TrSender>>;
+    /** 取消发送 */
+    abortRequest: () => void;
+    /** 发送消息 */
+    sendMessage: (content?: import('@opentiny/tiny-robot-kit').ChatMessage["content"], clearInput?: boolean) => Promise<void>;
+    /** 向插件市场添加一个server */
+    loadMcpServerToPlugin: (serverName: string, mcpServer: McpServerConfig) => Promise<void>;
+    /** 处理客户端断开连接 */
+    handleClientDisconnected: (serverName: string) => Promise<{
+        id: string;
+        name: string;
+        icon: string;
+        description: string;
+        enabled: boolean;
+        expanded?: boolean | undefined;
+        tools: {
+            id: string;
+            name: string;
+            description: string;
+            enabled: boolean;
+        }[];
+        addState?: import('@opentiny/tiny-robot').PluginAddState | undefined;
+        category?: string | undefined;
+    } | null>;
+    /** 添加消息 */
+    addMessage: (message: import('@opentiny/tiny-robot-kit').ChatMessage | import('@opentiny/tiny-robot-kit').ChatMessage[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fullscreen: import('vue').PropType<any>;
+    show: import('vue').PropType<any>;
+    selectedModelId: import('vue').PropType<any>;
+    genUiAble: import('vue').PropType<any>;
+    enabledTools: import('vue').PropType<any>;
+    /** 必传的会话id */
+    sessionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 后端的代理服务器地址 */
+    agentRoot: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 系统提示词 */
+    systemPrompt: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 左上角的标题 */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 语言 en-US、zh-CN */
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
+    remoteUrl: {
+        type: StringConstructor;
+    };
+    menuItems: {
+        type: () => MenuItemConfig[];
+    };
+    qrCodeUrl: {
+        type: StringConstructor;
+    };
+    /** 悬浮AI图标的地址 */
+    AILogoUrl: {
+        type: StringConstructor;
+    };
+    /** 展示模式： 'remoter' | 'chat-dialog'
+     * 遥控器模式： 自动在右下角显示一个AI图标，点击展开多个菜单项。
+     * 对话框模式： 直接显示一个对话框界面
+     *  */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 大语言模型配置对象 */
+    llmConfig: {
+        type: () => ICustomAgentModelProviderLlmConfig | undefined;
+        default: undefined;
+    };
+    /** 设置组件运行在普通页面还是浏览器的扩展中 */
+    inBrowserExt: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 生成式UI 需要引入的组件。生成式UI内置了一批组件，如果需要引入新组件，需要通过这里导入。
+     * 参考示例： shallowReactive({TinyUser, TinyAlert }) */
+    genUiComponents: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    /** 自定义 MCP 市场服务列表一般是后台的mcp工具常驻存在 */
+    customMarketMcpServers: {
+        type: () => PluginInfo[];
+        default: () => never[];
+    };
+    /** MCP 服务器配置：业界格式 { "服务器名称": McpServerConfig }，name 即对象的 key */
+    mcpServers: {
+        type: () => Record<string, McpServerConfig>;
+        default: undefined;
+    };
+    /** LLM 配置数组，每一项基于 llmConfig 格式，额外包含 id、label、icon、isDefault、useReActMode 字段 */
+    llmConfigs: {
+        type: () => UnifiedModelConfig[];
+        default: undefined;
+    };
+    /**
+     * 用户层传入的 skill .md 模块（Record<path, content>，如 Vite import.meta.glob 得到的结果），
+     * 由 remoter 调用 next-sdk 的 skill 能力处理：生成 systemPrompt 技能说明、内置 get_skill_content 工具，大模型可自动识别并加载技能
+     */
+    skills: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    /** 布局模式：支持所有 CSS position 属性值 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' */
+    layoutMode: {
+        type: () => "static" | "relative" | "absolute" | "fixed" | "sticky";
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    title: string;
+    systemPrompt: string;
+    mode: string;
+    sessionId: string;
+    llmConfig: ICustomAgentModelProviderLlmConfig | undefined;
+    mcpServers: Record<string, McpServerConfig>;
+    agentRoot: string;
+    locale: string;
+    inBrowserExt: boolean;
+    genUiComponents: Record<string, any>;
+    customMarketMcpServers: PluginInfo[];
+    llmConfigs: UnifiedModelConfig[];
+    skills: Record<string, string>;
+    layoutMode: "absolute" | "fixed" | "static" | "relative" | "sticky";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/tokenUsage.vue.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    usage: {
+        type: PropType<{
+            inputTokens: number;
+            outputTokens: number;
+            totalTokens: number;
+            inputTokenDetails?: {
+                cacheReadTokens?: number;
+            };
+            outputTokenDetails?: {
+                reasoningTokens?: number;
+            };
+        }>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    usage: {
+        type: PropType<{
+            inputTokens: number;
+            outputTokens: number;
+            totalTokens: number;
+            inputTokenDetails?: {
+                cacheReadTokens?: number;
+            };
+            outputTokenDetails?: {
+                reasoningTokens?: number;
+            };
+        }>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    usage: {
+        inputTokens: number;
+        outputTokens: number;
+        totalTokens: number;
+        inputTokenDetails?: {
+            cacheReadTokens?: number;
+        };
+        outputTokenDetails?: {
+            reasoningTokens?: number;
+        };
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/composable/CustomAgentModelProvider.d.ts

@@ -13,7 +13,7 @@ export declare class CustomAgentModelProvider extends BaseModelProvider {
     llmConfig: ICustomAgentModelProviderLlmConfig;
     /** 生成式UI启用状态 */
     isGenuiEnabled?: Ref<boolean>;
-    constructor(config: AIModelConfig, sessionId: Ref<string>, agentRoot: Ref<string>, systemPrompt: string, llmConfig?: ICustomAgentModelProviderLlmConfig);
+    constructor(config: AIModelConfig, systemPrompt: string, llmConfig?: ICustomAgentModelProviderLlmConfig);
     /**
      * 更新大语言模型配置
      * Update LLM configuration
@@ -31,28 +31,6 @@ export declare class CustomAgentModelProvider extends BaseModelProvider {
         useReActMode?: boolean;
         llm?: ProviderV2;
     }): void;
-    /**
-     * 处理文本流数据
-     * @param part 流数据部分
-     * @param handler 流处理器
-     * @param textId 文本ID
-     * @returns 更新后的文本ID
-     */
-    private handleTextStream;
-    /**
-     * 处理工具流数据
-     * @param part 流数据部分
-     * @param handler 流处理器
-     */
-    private handleToolStream;
-    /**
-     * 处理文本流数据
-     * @param part 流数据部分
-     * @param handler 流处理器
-     * @param textId 文本ID
-     * @returns 更新后的文本ID
-     */
-    private handleReasonStream;
     /**
      * 清理消息数组中的旧快照消息，只保留最新的快照
      * @param messages 消息数组

package/dist/composable/streamVisitor.d.ts

@@ -0,0 +1,75 @@
+import { FinishReason, LanguageModelRequestMetadata, LanguageModelUsage, StreamTextResult } from 'ai';
+
+export interface StreamVisitorOption {
+    debug?: boolean;
+    onStart?: (content: StartContent) => void;
+    onStep?: (content: StepContent) => void;
+    onReasoning?: (content: ReasoningContent) => void;
+    onText?: (content: TextContent) => void;
+    onTool?: (content: ToolContent) => void;
+    onFinish?: () => void;
+}
+export interface StartContent {
+    running: boolean;
+    steps: StepContent[];
+    finishReason?: FinishReason;
+    totalUsage?: LanguageModelUsage;
+    /**  工具内部异常的错误信息 */
+    error?: any;
+}
+export interface StepContent {
+    running: boolean;
+    contents: (TextContent | ReasoningContent | ToolContent)[];
+    finishReason?: FinishReason;
+    /** 本轮对话的消耗 */
+    usage?: LanguageModelUsage;
+    /** 包含本轮对话的请求体 */
+    request: LanguageModelRequestMetadata;
+}
+export interface TextContent {
+    type: 'text';
+    id: string;
+    running: boolean;
+    text: string;
+}
+export interface ReasoningContent {
+    type: 'reasoning';
+    id: string;
+    running: boolean;
+    text: string;
+}
+export interface ToolContent {
+    type: 'tool';
+    id: string;
+    running: boolean;
+    toolCallId: string;
+    title: string;
+    toolName: string;
+    /** 不确定输入参数的工具调用 */
+    dynamic: boolean | undefined;
+    /** 生成tool 调用参数的动态字符串, 在调用 tool 之前，会保存json结果到input属性中 */
+    inputStr: string;
+    /** 工具参数对象 */
+    input: any;
+    /** 工具返回值对象 */
+    output: any;
+    /**  工具内部异常的错误信息 */
+    error?: any;
+}
+/** ai-sdk@v6 的流消息访问者， 暴露响应式的数据，它随着流消息到来逐渐的变化
+ * @example
+ * const stream = await toolLoopAgent.stream({prompt:'xxxx'})
+ * const visitor= new StreamVisitor({
+ *                 onStart(content){
+ *                       -- 保存这个content
+ *                    }
+ *                 })
+ *
+ * await visitor.traverse(stream)
+ * const result = await visitor.traverse(stream) // 或者保存此处的 result 的Ref响应数据
+ */
+export declare class StreamVisitor {
+    option: StreamVisitorOption;
+    constructor(option?: StreamVisitorOption);
+    traverse(stream: StreamTextResult<{}, never>): Promise<import('vue').Ref<StartContent | undefined, StartContent | undefined>>;
+}

package/dist/composable/useConversationHistory.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 会话历史管理 Composable
+ * 用于管理历史会话的创建、切换、更新、删除等操作
+ */
+export declare function useConversationHistory(options: {
+    createConversation: () => void;
+    switchConversation: (id: string) => void;
+    deleteConversation: (id: string) => void;
+    getCurrentConversation: () => any;
+    abortRequest: () => void;
+    conversationState: any;
+    customAgentProvider: any;
+}): {
+    showHistory: import('vue').Ref<boolean, boolean>;
+    handleCreateConversation: () => void;
+    handleHistorySelect: (item: {
+        id: string;
+    }) => void;
+    handleHistoryUpdateTitle: (title: string, item: any) => void;
+    handleHistoryDelete: (action: any, item: {
+        id: string;
+    }) => void;
+    scrollToBottom: () => void;
+};

package/dist/composable/useMessageRoles.d.ts

@@ -0,0 +1,54 @@
+import { Ref } from 'vue';
+
+/**
+ * 消息角色 UI 配置 Composable
+ * 用于定义消息气泡的外观、头像、操作按钮等 UI 配置
+ */
+export declare function useMessageRoles(options: {
+    messages: Ref<any[]>;
+    messageState: any;
+    inputMessage: Ref<string>;
+    handleSendMessage: (inputValue: string, attachmentsContent?: any[]) => Promise<boolean>;
+}): {
+    aiAvatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    userAvatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    welcomeIcon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>;
+    roles: {
+        assistant: {
+            type: string;
+            placement: string;
+            avatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+            maxWidth: string;
+            customContentField: string;
+            slots: {
+                footer: ({ index }: {
+                    index: number;
+                }) => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>;
+            };
+        };
+        user: {
+            placement: string;
+            avatar: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>;
+            maxWidth: string;
+            customContentField: string;
+        };
+    };
+    copyingStates: Ref<Record<string, boolean>, Record<string, boolean>>;
+    isProcessing: import('vue').ComputedRef<boolean>;
+    latestAssistantMessageIndex: import('vue').ComputedRef<any>;
+    copyTooltipContent: (messageIndex?: number) => "复制" | "复制成功";
+    copyMessageToClipboard: (index: number) => Promise<void>;
+    regenerateMessage: (index: number) => Promise<void>;
+};

package/dist/composable/usePluginSession.d.ts

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { MenuItemConfig } from '@opentiny/next-sdk';
+
+/**
+ * 插件会话管理 Composable
+ * 用于处理 sessionId 相关的所有逻辑：扫码添加插件、识别码输入、遥控器初始化等
+ */
+export declare function usePluginSession(options: {
+    sessionId: Ref<string>;
+    agentRoot: string;
+    mode: string;
+    qrCodeUrl?: string;
+    remoteUrl?: string;
+    menuItems?: MenuItemConfig[];
+    AILogoUrl?: string;
+    show: Ref<boolean>;
+    addPluginFromScan: (sessionId: string, agentRoot: string) => Promise<boolean>;
+    inputMessage: Ref<string>;
+}): {
+    handleScanSuccess: (sessionIdValue: string) => Promise<void>;
+    handleSessionIdInput: (input: string) => Promise<boolean>;
+    initialize: () => void;
+    initializeRemoter: () => void;
+    watchSessionIdChanges: () => void;
+};

package/dist/composable/useSkill.d.ts

@@ -1,25 +1,24 @@
-import { SkillOption } from '../components/SkillSelector.vue';
+import { Ref } from 'vue';
+import { SkillMeta } from '@opentiny/next-sdk';
 
-export declare function useSkill(inputMessage: any, senderRef: any, props: any): {
-    templateData: import('vue').Ref<any[], any[]>;
-    showSkillSelector: import('vue').Ref<boolean, boolean>;
-    skillSelectorPosition: import('vue').Ref<{
-        top: number;
-        left: number;
-    }, {
-        top: number;
-        left: number;
-    } | {
-        top: number;
-        left: number;
+export interface UseSkillWithToolsOptions {
+    /** 用户层传入的 skill .md 模块（key 路径，value 内容），由 next-sdk 处理；大模型通过 get_skill_content 自动识别并加载技能 */
+    skillsRef?: Ref<Record<string, string> | undefined>;
+    /** 基础系统提示词 */
+    systemPrompt: string;
+    /** CustomAgentModelProvider 实例，用于写 systemPrompt、合并 extraTools */
+    customAgentProvider: any;
+}
+/**
+ * Skills 与工具组合 Composable（仅最新方案）
+ * 基于 skills + next-sdk：拼入 systemPrompt 技能说明、注入 get_skill_content 工具，无 @ 提及
+ */
+export declare function useSkillWithTools(options: UseSkillWithToolsOptions): {
+    processSkillMentions: () => Promise<{
+        shouldBlock: boolean;
+        skillItems: never[];
     }>;
-    filterText: import('vue').Ref<string, string>;
-    skillSelectorRef: import('vue').Ref<null, null>;
-    handleTriggerChar: (char: string, position: {
-        top: number;
-        left: number;
-    }) => void;
-    selectSkill: (skill: SkillOption) => void;
-    closeSkillSelector: () => void;
-    handleKeyDown: (e: KeyboardEvent) => void;
+    skillPromptPart: import('vue').ComputedRef<string>;
+    skillTools: import('vue').ComputedRef<import('@opentiny/next-sdk').SkillToolsSet>;
+    skillOverviews: import('vue').ComputedRef<SkillMeta[]>;
 };

package/dist/multimodal/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 多模态消息功能导出
+ */
+export { useMultimodal, useMultimodalWithModel, convertAttachmentsToContent } from './useMultimodal';
+export type { MultimodalConfig, MultimodalOptionsWithModel } from './useMultimodal';
+export { fileToBase64, isImageFile, validateFileSize } from './utils';