@rolder/kit 3.0.0-alpha.12 → 3.0.0-alpha.14

package/dist/index.d.ts

@@ -6,18 +6,4 @@ export { parseAiMessagePart } from './ai/utils/parseAiMessagePart';
 export { DefaultApp } from './app/DefaultApp';
 export { defaultRequestMiddlewares } from './app/defaultRequestMiddlewares';
 export { defaultTheme } from './app/defaultTheme';
-export { getCookie } from './functions/getCookie';
-export { setCookie } from './functions/setCookie';
-export { setCookies } from './functions/setCookies';
-export { useMutation } from './hooks/useMutation';
-export { useMutationWithInvalidate } from './hooks/useMutationWithInvalidate';
-export { getDB } from './surreal/connection';
-export { surrealDeleteFn, surrealUnsubscribeFn } from './surreal/deafaultCrud';
-export { deserialize } from './surreal/deserialize';
-export { encryptionFn } from './surreal/encryption';
-export { Editor, useEditor } from './ui/editor';
-export { DefaultError, DefaultNotFound, defaultErrorNotification, Forbidden, } from './ui/error';
-export { AnimatedChevron } from './ui/AnimatedChevron';
-export { HoverPaper, usePaperHover } from './ui/hoverPaper';
-export { RouterLink } from './ui/RouterLink';
 export { ScrollArea, useScrollArea, type ScrollAreaContextValue, type ScrollAreaHook, type ScrollAreaProps, type ScrollAreaState, type ScrollButtonProps, type ScrollPosition, } from './ui/scrollArea';

package/package.json

@@ -1,20 +1,44 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.12",
+  "version": "3.0.0-alpha.14",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+    "./styles.css": "./dist/styles.css",
+    "./conversation": {
+      "import": "./dist/ai/ui/conversation/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./promptInput": {
+      "import": "./dist/ai/ui/promptInput/index.js"
+    },
+    "./convertFileUIPartBlobToDataURL": {
+      "import": "./dist/ai/utils/convertFileUIPartBlobToDataURL.js"
+    },
+    "./parseAiMessagePart": {
+      "import": "./dist/ai/utils/parseAiMessagePart.js"
+    },
+    "./AppDefaults": {
+      "import": "./dist/app/AppDefaults.js"
+    },
+    "./cookieColorSchemeManager": {
+      "import": "./dist/app/cookieColorSchemeManager.js"
+    },
+    "./DefaultApp": {
+      "import": "./dist/app/DefaultApp.js"
+    },
+    "./defaultRequestMiddlewares": {
+      "import": "./dist/app/defaultRequestMiddlewares.js"
+    },
+    "./defaultTheme": {
+      "import": "./dist/app/defaultTheme.js"
+    },
+    "./scrollArea": {
+      "import": "./dist/ui/scrollArea/index.js"
+    }
   },
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "files": [
     "dist"
   ],

package/dist/functions/getCookie.js

@@ -1,8 +0,0 @@
-import { createIsomorphicFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
-import js_cookie from "js-cookie";
-const getCookieImpl = createIsomorphicFn().server((name, defaultValue)=>getCookie(name) || defaultValue).client((name, defaultValue)=>js_cookie.get(name) || defaultValue);
-function getCookie_getCookie(name, defaultValue) {
-    return getCookieImpl(name, defaultValue);
-}
-export { getCookie_getCookie as getCookie };

package/dist/functions/setCookie.js

@@ -1,19 +0,0 @@
-import { createIsomorphicFn } from "@tanstack/react-start";
-import { deleteCookie, setCookie } from "@tanstack/react-start/server";
-import js_cookie from "js-cookie";
-const setCookie_setCookie = createIsomorphicFn().server((name, value, expires)=>{
-    const expiresDate = new Date();
-    expiresDate.setDate(expiresDate.getDate() + (expires || 7));
-    if (value) setCookie(name, value, {
-        expires: expiresDate
-    });
-    else deleteCookie(name);
-}).client((name, value, expires)=>{
-    const expiresDate = new Date();
-    expiresDate.setDate(expiresDate.getDate() + (expires || 7));
-    if (value) js_cookie.set(name, value, {
-        expires: expiresDate
-    });
-    else js_cookie.remove(name);
-});
-export { setCookie_setCookie as setCookie };

package/dist/functions/setCookies.js

@@ -1,13 +0,0 @@
-import { createClientOnlyFn } from "@tanstack/react-start";
-import js_cookie from "js-cookie";
-const setCookies = createClientOnlyFn((cookies)=>{
-    cookies.forEach(({ name, value, expires })=>{
-        const expiresDate = new Date();
-        expiresDate.setDate(expiresDate.getDate() + (expires || 7));
-        if (value) js_cookie.set(name, value, {
-            expires: expiresDate
-        });
-        else js_cookie.remove(name);
-    });
-});
-export { setCookies };

package/dist/hooks/useMutation.js

@@ -1,8 +0,0 @@
-import { useMutation } from "@tanstack/react-query";
-const useMutation_useMutation = (fn, options)=>useMutation({
-        mutationFn: (data)=>fn({
-                data
-            }),
-        ...options
-    });
-export { useMutation_useMutation as useMutation };

package/dist/hooks/useMutationWithInvalidate.js

@@ -1,16 +0,0 @@
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-const useMutationWithInvalidate = (fn, queryKey, options)=>{
-    const queryClient = useQueryClient();
-    return useMutation({
-        mutationFn: (data)=>fn({
-                data
-            }),
-        onSettled: async (_, error)=>{
-            if (!error && queryKey.length) await queryClient.invalidateQueries({
-                queryKey
-            });
-        },
-        ...options
-    });
-};
-export { useMutationWithInvalidate };

package/dist/index.js

@@ -1,23 +0,0 @@
-import { Conversation, useChatMessage } from "./ai/ui/conversation/index.js";
-import { PromptInput } from "./ai/ui/promptInput/index.js";
-import { convertFileUIPartBlobToDataURL } from "./ai/utils/convertFileUIPartBlobToDataURL.js";
-import { parseAiMessagePart } from "./ai/utils/parseAiMessagePart.js";
-import { DefaultApp } from "./app/DefaultApp.js";
-import { defaultRequestMiddlewares } from "./app/defaultRequestMiddlewares.js";
-import { defaultTheme } from "./app/defaultTheme.js";
-import { getCookie } from "./functions/getCookie.js";
-import { setCookie } from "./functions/setCookie.js";
-import { setCookies } from "./functions/setCookies.js";
-import { useMutation } from "./hooks/useMutation.js";
-import { useMutationWithInvalidate } from "./hooks/useMutationWithInvalidate.js";
-import { getDB } from "./surreal/connection.js";
-import { surrealDeleteFn, surrealUnsubscribeFn } from "./surreal/deafaultCrud.js";
-import { deserialize } from "./surreal/deserialize.js";
-import { encryptionFn } from "./surreal/encryption.js";
-import { Editor, useEditor } from "./ui/editor/index.js";
-import { DefaultError, DefaultNotFound, Forbidden, defaultErrorNotification } from "./ui/error/index.js";
-import { AnimatedChevron } from "./ui/AnimatedChevron.js";
-import { HoverPaper, usePaperHover } from "./ui/hoverPaper/index.js";
-import { RouterLink } from "./ui/RouterLink.js";
-import { ScrollArea, useScrollArea } from "./ui/scrollArea/index.js";
-export { AnimatedChevron, Conversation, DefaultApp, DefaultError, DefaultNotFound, Editor, Forbidden, HoverPaper, PromptInput, RouterLink, ScrollArea, convertFileUIPartBlobToDataURL, defaultErrorNotification, defaultRequestMiddlewares, defaultTheme, deserialize, encryptionFn, getCookie, getDB, parseAiMessagePart, setCookie, setCookies, surrealDeleteFn, surrealUnsubscribeFn, useChatMessage, useEditor, useMutation, useMutationWithInvalidate, usePaperHover, useScrollArea };

package/dist/surreal/connection.js

@@ -1,49 +0,0 @@
-import { createServerOnlyFn } from "@tanstack/react-start";
-import { getCookie } from "@tanstack/react-start/server";
-import { DateTime, Surreal } from "surrealdb";
-let db = null;
-const getDB = createServerOnlyFn(async (params = {})=>{
-    if (db?.isConnected) return db;
-    const locale = getCookie('locale') || 'ru-RU';
-    const timeZone = getCookie('tz') || 'UTC';
-    const instance = new Surreal({
-        codecOptions: params.codecOptions || {
-            valueDecodeVisitor (value) {
-                if (value instanceof DateTime) return new Date(value.toDate()).toLocaleDateString(locale, {
-                    hour: 'numeric',
-                    minute: 'numeric',
-                    timeZone
-                });
-                return value;
-            }
-        }
-    });
-    try {
-        const url = params.url || process.env.SURREALDB_URL;
-        if (!url) throw new Error('Missing required SurrealDB URL');
-        const namespace = params.namespace || process.env.SURREALDB_NAMESPACE;
-        if (!namespace) throw new Error('Missing required SurrealDB namespace');
-        const database = params.database || process.env.SURREALDB_DATABASE;
-        if (!database) throw new Error('Missing required SurrealDB database');
-        const username = params.username || process.env.SURREALDB_USERNAME;
-        const password = params.password || process.env.SURREALDB_PASSWORD;
-        if (username && password) await instance.connect(url, {
-            authentication: {
-                username,
-                password
-            }
-        });
-        else await instance.connect(url);
-        await instance.use({
-            namespace,
-            database
-        });
-        db = instance;
-        return instance;
-    } catch (error) {
-        console.error('Failed to connect to SurrealDB:', error);
-        db = null;
-        throw error;
-    }
-});
-export { getDB };

package/dist/surreal/deafaultCrud.js

@@ -1,18 +0,0 @@
-import { createServerFn } from "@tanstack/react-start";
-import { getDB } from "./connection.js";
-import { deserialize } from "./deserialize.js";
-const surrealDeleteFn = createServerFn({
-    method: 'POST'
-}).inputValidator((data)=>data).handler(async ({ data })=>{
-    const db = await getDB();
-    const id = deserialize(data);
-    await db.delete(id);
-});
-const surrealUnsubscribeFn = createServerFn({
-    method: 'POST'
-}).inputValidator((data)=>data).handler(async ({ data })=>{
-    const db = await getDB();
-    const live = await db.liveOf(data);
-    await live.kill();
-});
-export { surrealDeleteFn, surrealUnsubscribeFn };

package/dist/surreal/deserialize.js

@@ -1,46 +0,0 @@
-import { RecordId } from "surrealdb";
-const extractTableName = (str)=>{
-    const match = str.match(/^([^:]+):/);
-    return match ? match[1] : null;
-};
-const isRecordIdFormat = (str)=>/^[^:]+:.+$/.test(str);
-function deserialize(dto, idPaths) {
-    if (Array.isArray(dto)) return dto.map((item)=>convertStringsToRecordIds(item, idPaths || []));
-    return convertStringsToRecordIds(dto, idPaths || []);
-}
-const convertStringsToRecordIds = (obj, idPaths, currentPath = '')=>{
-    if (null == obj) return obj;
-    if (Array.isArray(obj)) {
-        if (idPaths.includes(currentPath)) return obj.map((item)=>{
-            if ('string' == typeof item && isRecordIdFormat(item)) {
-                const tableName = extractTableName(item);
-                if (tableName) return new RecordId(tableName, item.split(':')[1]);
-            }
-            return item;
-        });
-        return obj.map((item, index)=>convertStringsToRecordIds(item, idPaths, `${currentPath}[${index}]`));
-    }
-    if ('object' == typeof obj && !(obj instanceof Date)) {
-        const result = {};
-        for (const [key, value] of Object.entries(obj)){
-            const fieldPath = currentPath ? `${currentPath}.${key}` : key;
-            if ('string' == typeof value) {
-                const shouldConvert = idPaths.includes(fieldPath) && isRecordIdFormat(value);
-                if (shouldConvert) {
-                    const tableName = extractTableName(value);
-                    if (tableName) result[key] = new RecordId(tableName, value.split(':')[1]);
-                    else result[key] = value;
-                } else result[key] = value;
-            } else result[key] = convertStringsToRecordIds(value, idPaths, fieldPath);
-        }
-        return result;
-    }
-    if ('string' == typeof obj) {
-        if (0 === idPaths.length && isRecordIdFormat(obj)) {
-            const tableName = extractTableName(obj);
-            if (tableName) return new RecordId(tableName, obj.split(':')[1]);
-        }
-    }
-    return obj;
-};
-export { deserialize };

package/dist/surreal/encryption.js

@@ -1,30 +0,0 @@
-import { createCipheriv, createDecipheriv, randomBytes } from "node:crypto";
-import { createServerOnlyFn } from "@tanstack/react-start";
-const encryptionFn = createServerOnlyFn((secretHash)=>{
-    class Encryption {
-        key;
-        constructor(secretHash){
-            this.key = Buffer.from(secretHash, 'hex');
-        }
-        encrypt(text) {
-            const algorithm = 'aes-256-cbc';
-            const iv = randomBytes(16);
-            const cipher = createCipheriv(algorithm, this.key, iv);
-            let encrypted = cipher.update(text, 'utf8', 'hex');
-            encrypted += cipher.final('hex');
-            return `${iv.toString('hex')}:${encrypted}`;
-        }
-        decrypt(encryptedText) {
-            const algorithm = 'aes-256-cbc';
-            const parts = encryptedText.split(':');
-            const iv = Buffer.from(parts[0], 'hex');
-            const encrypted = parts[1];
-            const decipher = createDecipheriv(algorithm, this.key, iv);
-            let decrypted = decipher.update(encrypted, 'hex', 'utf8');
-            decrypted += decipher.final('utf8');
-            return decrypted;
-        }
-    }
-    return new Encryption(secretHash);
-});
-export { encryptionFn };

package/dist/ui/AnimatedChevron.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const AnimatedChevron = ({ expanded, style, ...props })=>/*#__PURE__*/ jsxs("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        role: "img",
-        "aria-label": "Chevron",
-        style: {
-            transition: 'transform 0.2s ease-in-out',
-            transform: expanded ? 'rotate(-180deg)' : 'rotate(0deg)',
-            ...style
-        },
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx("path", {
-                stroke: "none",
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ jsx("path", {
-                d: "M6 9l6 6l6 -6"
-            })
-        ]
-    });
-export { AnimatedChevron };

package/dist/ui/JsonInput.js

@@ -1,45 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { indentSelection } from "@codemirror/commands";
-import { json, jsonParseLinter } from "@codemirror/lang-json";
-import { linter } from "@codemirror/lint";
-import { keymap } from "@codemirror/view";
-import { vscodeDark, vscodeLight } from "@uiw/codemirror-theme-vscode";
-import react_codemirror from "@uiw/react-codemirror";
-import { getCookie } from "../functions/getCookie.js";
-const formatJson = (view)=>{
-    try {
-        const text = view.state.doc.toString();
-        const parsed = JSON.parse(text);
-        const formatted = JSON.stringify(parsed, null, 2);
-        view.dispatch({
-            changes: {
-                from: 0,
-                to: view.state.doc.length,
-                insert: formatted
-            }
-        });
-        return true;
-    } catch (_) {
-        return indentSelection(view);
-    }
-};
-const extensions = [
-    json(),
-    linter(jsonParseLinter()),
-    keymap.of([
-        {
-            key: 'Mod-Shift-f',
-            run: formatJson
-        }
-    ])
-];
-const JsonInput = (props)=>{
-    const colorScheme = getCookie('colorScheme');
-    return /*#__PURE__*/ jsx(react_codemirror, {
-        height: "280px",
-        theme: 'light' === colorScheme ? vscodeLight : vscodeDark,
-        extensions: extensions,
-        ...props
-    });
-};
-export { JsonInput };

package/dist/ui/RouterLink.js

@@ -1,36 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { ActionIcon, Anchor, Button, UnstyledButton } from "@mantine/core";
-import { createLink } from "@tanstack/react-router";
-import { forwardRef } from "react";
-const MantineLinkComponent = /*#__PURE__*/ forwardRef(({ classNames, ...props }, ref)=>/*#__PURE__*/ jsx(Anchor, {
-        ref: ref,
-        classNames: {
-            root: 'rolder-router-link-root',
-            ...classNames
-        },
-        c: "inherit",
-        underline: "never",
-        ...props
-    }));
-const MantineButtonComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(Button, {
-        ref: ref,
-        ...props
-    }));
-const MantineActionIconComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(ActionIcon, {
-        ref: ref,
-        ...props
-    }));
-const MantineUnstyledButtonComponent = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ jsx(UnstyledButton, {
-        ref: ref,
-        ...props
-    }));
-const RouterLinkBase = createLink(MantineLinkComponent);
-const RouterLinkButton = createLink(MantineButtonComponent);
-const RouterLinkActionIcon = createLink(MantineActionIconComponent);
-const RouterLinkUnstyledButton = createLink(MantineUnstyledButtonComponent);
-const RouterLink = Object.assign(RouterLinkBase, {
-    Button: RouterLinkButton,
-    ActionIcon: RouterLinkActionIcon,
-    UnstyledButton: RouterLinkUnstyledButton
-});
-export { RouterLink };

package/dist/ui/editor/Content.js

@@ -1,13 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { RichTextEditor } from "@mantine/tiptap";
-import { ScrollArea } from "../scrollArea/index.js";
-const Content = ({ height })=>/*#__PURE__*/ jsxs(ScrollArea, {
-        h: height,
-        autoScroll: true,
-        radius: "md",
-        children: [
-            /*#__PURE__*/ jsx(RichTextEditor.Content, {}),
-            /*#__PURE__*/ jsx(ScrollArea.ScrollButton, {})
-        ]
-    });
-export { Content };

package/dist/ui/editor/Provider.js

@@ -1,80 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Link, getTaskListExtension } from "@mantine/tiptap";
-import extension_highlight from "@tiptap/extension-highlight";
-import extension_placeholder from "@tiptap/extension-placeholder";
-import { TableKit } from "@tiptap/extension-table";
-import extension_task_item from "@tiptap/extension-task-item";
-import extension_task_list from "@tiptap/extension-task-list";
-import extension_text_align from "@tiptap/extension-text-align";
-import { useEditor } from "@tiptap/react";
-import starter_kit from "@tiptap/starter-kit";
-import { createContext, useContext, useEffect, useState } from "react";
-const EditorContext = /*#__PURE__*/ createContext(null);
-const Provider = ({ children, initialContent, initialEditable = true, initialDisabledToolbar, onChange })=>{
-    const editor = useEditor({
-        shouldRerenderOnTransaction: false,
-        immediatelyRender: false,
-        extensions: [
-            starter_kit.configure({
-                link: false
-            }),
-            extension_placeholder.configure({
-                placeholder: 'Документ пуст'
-            }),
-            Link,
-            extension_highlight,
-            extension_text_align.configure({
-                types: [
-                    'heading',
-                    'paragraph'
-                ]
-            }),
-            getTaskListExtension(extension_task_list),
-            extension_task_item.configure({
-                nested: true
-            }),
-            TableKit
-        ],
-        content: initialContent,
-        onUpdate: ({ editor })=>{
-            onChange?.(editor.getHTML());
-        },
-        editable: initialEditable
-    });
-    const [editable, setEditable] = useState(initialEditable);
-    const [disabledToolbar, setDisabledToolbar] = useState(!!initialDisabledToolbar);
-    const [editedByUser, setEditedByUser] = useState(true);
-    const [focused, setFocused] = useState(false);
-    useEffect(()=>{
-        editor?.on('focus', ()=>setFocused(true));
-        editor?.on('blur', ()=>setFocused(false));
-        editor?.on('update', ({ transaction })=>{
-            if (transaction.docChanged && focused) setEditedByUser(true);
-            if (transaction.docChanged && !focused) setEditedByUser(false);
-        });
-    }, [
-        editor,
-        focused
-    ]);
-    const value = {
-        editor,
-        editable,
-        setEditable,
-        disabledToolbar,
-        setDisabledToolbar,
-        editedByUser,
-        setEditedByUser,
-        focused,
-        setFocused
-    };
-    return /*#__PURE__*/ jsx(EditorContext.Provider, {
-        value: value,
-        children: children
-    });
-};
-const Provider_useEditor = ()=>{
-    const context = useContext(EditorContext);
-    if (!context) throw new Error('useEditor must be used within EditorProvider');
-    return context;
-};
-export { Provider, Provider_useEditor as useEditor };

package/dist/ui/editor/Root.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { RichTextEditor } from "@mantine/tiptap";
-import { useEditor } from "./Provider.js";
-const Root = ({ children, classNames, ...props })=>{
-    const { editor } = useEditor();
-    return /*#__PURE__*/ jsx(RichTextEditor, {
-        editor: editor,
-        classNames: {
-            root: 'rolder-editor-root',
-            content: 'rolder-editor-content',
-            toolbar: 'rolder-editor-toolbar',
-            ...classNames
-        },
-        ...props,
-        children: children
-    });
-};
-export { Root };