@rolder/kit 3.0.0-alpha-9 → 3.0.0-alpha-10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha-9",
+  "version": "3.0.0-alpha-10",
   "type": "module",
   "exports": {
     ".": {

package/dist/ai/index.js

@@ -1,2 +0,0 @@
-export * from "./ui/index.js";
-export * from "./utils/index.js";

package/dist/ai/ui/conversation/ConversationContext.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from "react";
-const ConversationContext = createContext(null);
-const useConversation = ()=>{
-    const context = useContext(ConversationContext);
-    if (!context) throw new Error('useConversation must be used within a ConversationProvider');
-    return context;
-};
-export { ConversationContext, useConversation };

package/dist/ai/ui/conversation/ConversationProvider.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ConversationContext } from "./ConversationContext.js";
-const Provider = ({ children, loading, streaming, empty })=>{
-    const value = {
-        loading,
-        streaming,
-        empty
-    };
-    return /*#__PURE__*/ jsx(ConversationContext.Provider, {
-        value: value,
-        children: children
-    });
-};
-export { Provider };

package/dist/ai/ui/conversation/Empty.js

@@ -1,21 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Stack, Text } from "@mantine/core";
-import { useConversation } from "./ConversationContext.js";
-const Empty = ()=>{
-    const { empty } = useConversation();
-    return empty ? null : /*#__PURE__*/ jsxs(Stack, {
-        align: "center",
-        gap: 0,
-        children: [
-            /*#__PURE__*/ jsx(Text, {
-                children: "Нет сообщений"
-            }),
-            /*#__PURE__*/ jsx(Text, {
-                size: "sm",
-                c: "dimmed",
-                children: "Начните общение, чтобы увидеть сообщения здесь"
-            })
-        ]
-    });
-};
-export { Empty };

package/dist/ai/ui/conversation/File.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Image, Paper } from "@mantine/core";
-import { FileIcon } from "./FileIcon.js";
-const File = ({ message })=>{
-    const textFileType = message.id.split('-')[1];
-    const fileParts = message.parts?.filter((i)=>'file' === i.type);
-    const lastFilePart = fileParts[fileParts.length - 1];
-    const FileComponent = ()=>{
-        switch(textFileType){
-            case 'excel':
-                return /*#__PURE__*/ jsx(FileIcon, {
-                    mimeType: "excel"
-                });
-            case 'word':
-                return /*#__PURE__*/ jsx(FileIcon, {
-                    mimeType: "word"
-                });
-            case 'powerpoint':
-                return /*#__PURE__*/ jsx(FileIcon, {
-                    mimeType: "powerpoint"
-                });
-        }
-        if (lastFilePart.mediaType.includes('image/')) return /*#__PURE__*/ jsx(Image, {
-            radius: "md",
-            h: 128,
-            src: lastFilePart.url,
-            alt: "Image Preview"
-        });
-        return /*#__PURE__*/ jsx(FileIcon, {
-            mimeType: lastFilePart.mediaType
-        });
-    };
-    return textFileType || lastFilePart ? /*#__PURE__*/ jsx(Paper, {
-        radius: "md",
-        px: "md",
-        py: "sm",
-        ml: "auto",
-        bg: "var(--mantine-color-default-hover)",
-        children: /*#__PURE__*/ jsx(FileComponent, {})
-    }) : null;
-};
-export { File };

package/dist/ai/ui/conversation/FileIcon.js

@@ -1,43 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
-const FileIcon = ({ mimeType })=>{
-    switch(true){
-        case mimeType.includes('image/'):
-            return /*#__PURE__*/ jsx(IconPhoto, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-        case mimeType.includes('application/pdf'):
-            return /*#__PURE__*/ jsx(IconFileTypePdf, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-        case 'word' === mimeType:
-            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-        case 'excel' === mimeType:
-            return /*#__PURE__*/ jsx(IconFileTypeXls, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-        case 'powerpoint' === mimeType:
-            return /*#__PURE__*/ jsx(IconFileTypePpt, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-        default:
-            return /*#__PURE__*/ jsx(IconFile, {
-                size: 36,
-                stroke: 1.5,
-                color: "var(--mantine-color-text)"
-            });
-    }
-};
-export { FileIcon };

package/dist/ai/ui/conversation/Loader.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Loader } from "@mantine/core";
-import { useConversation } from "./ConversationContext.js";
-const Loader_Loader = (props)=>{
-    const { loading } = useConversation();
-    return loading ? /*#__PURE__*/ jsx(Loader, {
-        size: 28,
-        type: "dots",
-        ...props
-    }) : null;
-};
-export { Loader_Loader as Loader };

package/dist/ai/ui/conversation/Message.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Paper } from "@mantine/core";
-import { Streamdown } from "streamdown";
-import { useConversation } from "./ConversationContext.js";
-import { useChatMessage } from "./useChatMessage.js";
-const Message = ({ message })=>{
-    const textParts = message?.parts?.filter((i)=>'text' === i.type);
-    const lastTextPart = textParts?.[textParts.length - 1];
-    const chatMessage = useChatMessage(lastTextPart);
-    const { streaming } = useConversation();
-    return chatMessage && 'system' !== message.role ? /*#__PURE__*/ jsx(Paper, {
-        radius: "md",
-        px: "md",
-        py: "sm",
-        maw: "80%",
-        ml: 'user' === message.role ? 'auto' : void 0,
-        bg: 'user' === message.role ? 'var(--mantine-color-default-hover)' : 'var(--mantine-primary-color-light)',
-        fz: "sm",
-        children: /*#__PURE__*/ jsx(Streamdown, {
-            isAnimating: streaming && 'assistant' === message.role,
-            children: chatMessage
-        })
-    }) : null;
-};
-export { Message };

package/dist/ai/ui/conversation/Root.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Paper, Stack } from "@mantine/core";
-import { ScrollArea } from "../../../ui/index.js";
-import { Provider } from "./ConversationProvider.js";
-const Root = ({ children, loading, streaming, empty, ...props })=>/*#__PURE__*/ jsx(Provider, {
-        loading: loading,
-        streaming: streaming,
-        empty: empty,
-        children: /*#__PURE__*/ jsx(Paper, {
-            withBorder: true,
-            radius: "md",
-            ...props,
-            children: /*#__PURE__*/ jsxs(ScrollArea, {
-                autoScroll: true,
-                scrollToBottomOnInit: true,
-                p: "md",
-                children: [
-                    /*#__PURE__*/ jsx(Stack, {
-                        children: children
-                    }),
-                    /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
-                ]
-            })
-        })
-    });
-export { Root };

package/dist/ai/ui/conversation/index.js

@@ -1,15 +0,0 @@
-import { Empty } from "./Empty.js";
-import { File } from "./File.js";
-import { Loader } from "./Loader.js";
-import { Message } from "./Message.js";
-import { Root } from "./Root.js";
-export * from "./types.js";
-export * from "./useChatMessage.js";
-const Conversation = {
-    Root: Root,
-    Message: Message,
-    File: File,
-    Loader: Loader,
-    Empty: Empty
-};
-export { Conversation };

package/dist/ai/ui/conversation/useChatMessage.js

@@ -1,12 +0,0 @@
-import { useEffect, useState } from "react";
-import { parseAiMessagePart } from "../../utils/index.js";
-const useChatMessage = (part)=>{
-    const [parsedText, setParsedText] = useState('');
-    useEffect(()=>{
-        parseAiMessagePart(part).then((i)=>setParsedText(i.text));
-    }, [
-        part
-    ]);
-    return parsedText;
-};
-export { useChatMessage };

package/dist/ai/ui/index.js

@@ -1,2 +0,0 @@
-export * from "./conversation/index.js";
-export * from "./promptInput/index.js";

package/dist/ai/ui/promptInput/File.js

@@ -1,69 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ActionIcon, FileButton, Tooltip } from "@mantine/core";
-import { IconPaperclip, IconTrash } from "@tabler/icons-react";
-import { useRef } from "react";
-import { FileIcon } from "./FileIcon.js";
-import { usePromptInput } from "./PromptInputContext.js";
-import styles_module from "./styles.module.js";
-const File = (props)=>{
-    const resetRef = useRef(null);
-    const { file, setFile, accept, submiting, uploading } = usePromptInput();
-    return /*#__PURE__*/ jsx(FileButton, {
-        resetRef: resetRef,
-        onChange: async (file)=>{
-            if (file) setFile(file);
-        },
-        accept: accept,
-        disabled: submiting || uploading,
-        ...props,
-        children: (props)=>/*#__PURE__*/ jsxs(ActionIcon.Group, {
-                children: [
-                    /*#__PURE__*/ jsx(ActionIcon, {
-                        size: "lg",
-                        variant: "default",
-                        disabled: submiting,
-                        loading: uploading,
-                        classNames: {
-                            root: styles_module.fileActionAction
-                        },
-                        ...props,
-                        children: /*#__PURE__*/ jsx(IconPaperclip, {
-                            size: 24,
-                            stroke: 1.5
-                        })
-                    }),
-                    file && /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx(Tooltip, {
-                                label: file.name,
-                                openDelay: 500,
-                                children: /*#__PURE__*/ jsx(ActionIcon.GroupSection, {
-                                    variant: "default",
-                                    size: "lg",
-                                    children: /*#__PURE__*/ jsx(FileIcon, {
-                                        mimeType: file.type
-                                    })
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(ActionIcon, {
-                                size: "lg",
-                                variant: "default",
-                                classNames: {
-                                    root: styles_module.fileActionAction
-                                },
-                                onClick: ()=>{
-                                    resetRef.current?.();
-                                    setFile(void 0);
-                                },
-                                children: /*#__PURE__*/ jsx(IconTrash, {
-                                    size: 24,
-                                    stroke: 1.5
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-    });
-};
-export { File };

package/dist/ai/ui/promptInput/FileIcon.js

@@ -1,43 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { IconFile, IconFileTypeDoc, IconFileTypePdf, IconFileTypePpt, IconFileTypeXls, IconPhoto } from "@tabler/icons-react";
-const FileIcon = ({ mimeType })=>{
-    switch(true){
-        case mimeType.includes('image/'):
-            return /*#__PURE__*/ jsx(IconPhoto, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-        case mimeType.includes('application/pdf'):
-            return /*#__PURE__*/ jsx(IconFileTypePdf, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-        case mimeType.includes('application/vnd.openxmlformats-officedocument.wordprocessingml.document'):
-            return /*#__PURE__*/ jsx(IconFileTypeDoc, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-        case mimeType.includes('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'):
-            return /*#__PURE__*/ jsx(IconFileTypeXls, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-        case mimeType.includes('application/vnd.openxmlformats-officedocument.presentationml.presentation'):
-            return /*#__PURE__*/ jsx(IconFileTypePpt, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-        default:
-            return /*#__PURE__*/ jsx(IconFile, {
-                size: 24,
-                stroke: 1.5,
-                color: "var(--mantine-color-dimmed)"
-            });
-    }
-};
-export { FileIcon };

package/dist/ai/ui/promptInput/Footer.js

@@ -1,8 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Group } from "@mantine/core";
-const Footer = (props)=>/*#__PURE__*/ jsx(Group, {
-        justify: "space-between",
-        p: "xs",
-        ...props
-    });
-export { Footer };

package/dist/ai/ui/promptInput/PromptInputContext.js

@@ -1,8 +0,0 @@
-import { createContext, useContext } from "react";
-const PromptInputContext = createContext(null);
-const usePromptInput = ()=>{
-    const context = useContext(PromptInputContext);
-    if (!context) throw new Error('usePromptInput must be used within a PromptInputProvider');
-    return context;
-};
-export { PromptInputContext, usePromptInput };

package/dist/ai/ui/promptInput/PromptInputProvider.js

@@ -1,50 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { PromptInputContext } from "./PromptInputContext.js";
-const Provider = ({ children, onSubmit, submiting, uploading, accept = [
-    'text',
-    'image',
-    'pdf'
-] })=>{
-    const [text, setText] = useState('');
-    const [file, setFile] = useState();
-    const value = {
-        text,
-        setText,
-        file,
-        setFile,
-        onSubmit: ()=>{
-            if (text.trim()) {
-                onSubmit({
-                    text: text.trim(),
-                    file
-                });
-                setText('');
-                setFile(void 0);
-            }
-        },
-        submiting,
-        uploading,
-        accept: accept.map((type)=>{
-            switch(type){
-                case 'text':
-                    return 'text/plain';
-                case 'image':
-                    return 'image/*';
-                case 'pdf':
-                    return 'application/pdf';
-                case 'excel':
-                    return 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet';
-                case 'word':
-                    return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-                default:
-                    return type;
-            }
-        }).join(',')
-    };
-    return /*#__PURE__*/ jsx(PromptInputContext.Provider, {
-        value: value,
-        children: children
-    });
-};
-export { Provider };

package/dist/ai/ui/promptInput/Root.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Paper } from "@mantine/core";
-import clsx from "clsx";
-import { Provider } from "./PromptInputProvider.js";
-import styles_module from "./styles.module.js";
-const Root = ({ className, onSubmit, submiting, uploading, accept, ...props })=>/*#__PURE__*/ jsx(Provider, {
-        onSubmit: onSubmit,
-        submiting: submiting,
-        uploading: uploading,
-        accept: accept,
-        children: /*#__PURE__*/ jsx(Paper, {
-            radius: "md",
-            withBorder: true,
-            className: clsx(styles_module.root, className),
-            ...props
-        })
-    });
-export { Root };

package/dist/ai/ui/promptInput/Submit.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon } from "@mantine/core";
-import { IconArrowBigUp } from "@tabler/icons-react";
-import { usePromptInput } from "./PromptInputContext.js";
-const Submit = ({ children, ...props })=>{
-    const Icon = /*#__PURE__*/ jsx(IconArrowBigUp, {
-        strokeWidth: 1.5
-    });
-    const { onSubmit, submiting, uploading } = usePromptInput();
-    return /*#__PURE__*/ jsx(ActionIcon, {
-        "aria-label": "Submit",
-        variant: "light",
-        size: "lg",
-        onClick: onSubmit,
-        disabled: uploading,
-        loading: submiting,
-        ...props,
-        children: children ?? Icon
-    });
-};
-export { Submit };

package/dist/ai/ui/promptInput/Textarea.js

@@ -1,34 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Textarea } from "@mantine/core";
-import { useState } from "react";
-import { usePromptInput } from "./PromptInputContext.js";
-import styles_module from "./styles.module.js";
-const Textarea_Textarea = (props)=>{
-    const { text, setText, onSubmit, submiting, uploading } = usePromptInput();
-    const [isComposing, setIsComposing] = useState(false);
-    const handleKeyDown = (e)=>{
-        if ('Enter' === e.key) {
-            if (isComposing || e.nativeEvent.isComposing) return;
-            if (e.shiftKey) return;
-            e.preventDefault();
-            onSubmit();
-        }
-    };
-    return /*#__PURE__*/ jsx(Textarea, {
-        w: "100%",
-        size: "md",
-        rows: 3,
-        classNames: {
-            input: styles_module.textarea
-        },
-        placeholder: "Напишите сообщение",
-        onCompositionEnd: ()=>setIsComposing(false),
-        onCompositionStart: ()=>setIsComposing(true),
-        onKeyDown: handleKeyDown,
-        value: text,
-        onChange: (e)=>setText(e.target.value),
-        disabled: submiting || uploading,
-        ...props
-    });
-};
-export { Textarea_Textarea as Textarea };

package/dist/ai/ui/promptInput/index.js

@@ -1,14 +0,0 @@
-import { File } from "./File.js";
-import { Footer } from "./Footer.js";
-import { Root } from "./Root.js";
-import { Submit } from "./Submit.js";
-import { Textarea } from "./Textarea.js";
-export * from "./types.js";
-const PromptInput = {
-    Root: Root,
-    Textarea: Textarea,
-    Footer: Footer,
-    Submit: Submit,
-    File: File
-};
-export { PromptInput };

package/dist/ai/ui/promptInput/styles.module.js

@@ -1,7 +0,0 @@
-import "./styles_module.css";
-const styles_module = {
-    root: "root-gmXOO2",
-    textarea: "textarea-f3Dbtf",
-    fileActionAction: "fileActionAction-w3KPzA"
-};
-export { styles_module as default };

package/dist/ai/ui/promptInput/styles_module.css

@@ -1,24 +0,0 @@
-.root-gmXOO2 {
-  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
-
-  &:focus-within {
-    border-color: var(--mantine-primary-color-filled);
-    border-color: var(--mantine-primary-color-filled);
-    outline: none;
-  }
-}
-
-.textarea-f3Dbtf {
-  border: 0;
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.fileActionAction-w3KPzA {
-  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
-
-  &[data-disabled] {
-    color: light-dark(var(--mantine-color-gray-5), var(--mantine-color-dark-3));
-  }
-}
-

package/dist/ai/utils/convertFileUIPartBlobToDataURL.js

@@ -1,21 +0,0 @@
-async function blobToDataURL(blobUrl) {
-    const response = await fetch(blobUrl);
-    const blob = await response.blob();
-    return new Promise((resolve, reject)=>{
-        const reader = new FileReader();
-        reader.onload = ()=>resolve(reader.result);
-        reader.onerror = reject;
-        reader.readAsDataURL(blob);
-    });
-}
-async function convertFileUIPartBlobToDataURL(file) {
-    if (file.url.startsWith('blob:')) {
-        const dataUrl = await blobToDataURL(file.url);
-        return {
-            ...file,
-            url: dataUrl
-        };
-    }
-    return file;
-}
-export { convertFileUIPartBlobToDataURL };

package/dist/ai/utils/index.js

@@ -1,2 +0,0 @@
-export * from "./convertFileUIPartBlobToDataURL.js";
-export * from "./parseAiMessagePart.js";

package/dist/ai/utils/parseAiMessagePart.js

@@ -1,12 +0,0 @@
-import { parsePartialJson } from "ai";
-const parseAiMessagePart = async (part)=>{
-    if (!part.text.startsWith('{')) return part;
-    try {
-        const result = await parsePartialJson(part.text);
-        return result?.value || part;
-    } catch (error) {
-        console.error('Error parsing partial JSON:', error);
-        return part;
-    }
-};
-export { parseAiMessagePart };

package/dist/app/AppDefaults.js

@@ -1,27 +0,0 @@
-import { useComputedColorScheme } from "@mantine/core";
-import { useEffect } from "react";
-import { setCookies } from "../functions/index.js";
-const AppDefaults = ({ saveColorScheme })=>{
-    const colorScheme = useComputedColorScheme();
-    useEffect(()=>{
-        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-        const cookies = [
-            {
-                name: 'tz',
-                value: tz,
-                expires: 365
-            }
-        ];
-        if (saveColorScheme) cookies.push({
-            name: 'colorScheme',
-            value: colorScheme,
-            expires: 365
-        });
-        setCookies(cookies);
-    }, [
-        colorScheme,
-        saveColorScheme
-    ]);
-    return null;
-};
-export { AppDefaults };