@rolder/kit 3.0.0-alpha.8 → 3.0.0-alpha.80

package/dist/app/defaultTheme.d.ts

@@ -0,0 +1,141 @@
+export declare const defaultTheme: {
+    focusRing?: "auto" | "always" | "never" | undefined;
+    scale?: number | undefined;
+    fontSmoothing?: boolean | undefined;
+    white?: string | undefined;
+    black?: string | undefined;
+    colors?: {
+        [x: string & {}]: import("@mantine/core").MantineColorsTuple | undefined;
+        red?: import("@mantine/core").MantineColorsTuple | undefined;
+        dark?: import("@mantine/core").MantineColorsTuple | undefined;
+        gray?: import("@mantine/core").MantineColorsTuple | undefined;
+        pink?: import("@mantine/core").MantineColorsTuple | undefined;
+        grape?: import("@mantine/core").MantineColorsTuple | undefined;
+        violet?: import("@mantine/core").MantineColorsTuple | undefined;
+        indigo?: import("@mantine/core").MantineColorsTuple | undefined;
+        blue?: import("@mantine/core").MantineColorsTuple | undefined;
+        cyan?: import("@mantine/core").MantineColorsTuple | undefined;
+        green?: import("@mantine/core").MantineColorsTuple | undefined;
+        lime?: import("@mantine/core").MantineColorsTuple | undefined;
+        yellow?: import("@mantine/core").MantineColorsTuple | undefined;
+        orange?: import("@mantine/core").MantineColorsTuple | undefined;
+        teal?: import("@mantine/core").MantineColorsTuple | undefined;
+    } | undefined;
+    primaryShade?: import("@mantine/core").MantineColorShade | {
+        light?: import("@mantine/core").MantineColorShade | undefined;
+        dark?: import("@mantine/core").MantineColorShade | undefined;
+    } | undefined;
+    primaryColor?: string | undefined;
+    variantColorResolver?: import("@mantine/core").VariantColorsResolver | undefined;
+    autoContrast?: boolean | undefined;
+    luminanceThreshold?: number | undefined;
+    fontFamily?: string | undefined;
+    fontFamilyMonospace?: string | undefined;
+    headings?: {
+        fontFamily?: string | undefined;
+        fontWeight?: string | undefined;
+        textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+        sizes?: {
+            h1?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h2?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h3?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h4?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h5?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+            h6?: {
+                fontSize?: string | undefined;
+                fontWeight?: string | undefined;
+                lineHeight?: string | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+    radius?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    defaultRadius?: import("@mantine/core").MantineRadius | undefined;
+    spacing?: {
+        [x: number]: string | undefined;
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    fontSizes?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    lineHeights?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    breakpoints?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    shadows?: {
+        [x: string & {}]: string | undefined;
+        xs?: string | undefined;
+        sm?: string | undefined;
+        md?: string | undefined;
+        lg?: string | undefined;
+        xl?: string | undefined;
+    } | undefined;
+    respectReducedMotion?: boolean | undefined;
+    cursorType?: "default" | "pointer" | undefined;
+    defaultGradient?: {
+        from?: string | undefined;
+        to?: string | undefined;
+        deg?: number | undefined;
+    } | undefined;
+    activeClassName?: string | undefined;
+    focusClassName?: string | undefined;
+    components?: {
+        [x: string]: {
+            classNames?: any;
+            styles?: any;
+            vars?: any;
+            defaultProps?: any;
+        } | undefined;
+    } | undefined;
+    other?: {
+        [x: string]: any;
+    } | undefined;
+};

package/dist/app/defaultTheme.js

@@ -0,0 +1,24 @@
+import { Modal, createTheme } from "@mantine/core";
+const defaultTheme = createTheme({
+    components: {
+        Modal: Modal.extend({
+            defaultProps: {
+                centered: true,
+                padding: 'lg'
+            }
+        }),
+        ModalTitle: Modal.Title.extend({
+            defaultProps: {
+                pr: 24
+            }
+        }),
+        ModalCloseButton: Modal.CloseButton.extend({
+            defaultProps: {
+                pos: 'absolute',
+                top: 4,
+                right: 4
+            }
+        })
+    }
+});
+export { defaultTheme };

package/dist/app/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AppDefaults';
+export * from './DefaultApp';
+export * from './defaultRequestMiddlewares';
+export * from './defaultTheme';

package/dist/app/index.js

@@ -0,0 +1,4 @@
+export * from "./AppDefaults.js";
+export * from "./DefaultApp.js";
+export * from "./defaultRequestMiddlewares.js";
+export * from "./defaultTheme.js";

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useMutation';
+export * from './useMutationWithInvalidate';

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./useMutation.js";
+export * from "./useMutationWithInvalidate.js";

package/dist/hooks/useMutation.d.ts

@@ -0,0 +1,4 @@
+import { type UseMutationOptions } from '@tanstack/react-query';
+export declare const useMutation: <T, K = void>(fn: ({ data }: {
+    data: T;
+}) => Promise<K>, options?: Omit<UseMutationOptions<K, Error, T>, "mutationFn">) => import("@tanstack/react-query").UseMutationResult<K, Error, T, unknown>;

package/dist/hooks/useMutation.js

@@ -0,0 +1,8 @@
+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.d.ts

@@ -0,0 +1,4 @@
+import { type UseMutationOptions } from '@tanstack/react-query';
+export declare const useMutationWithInvalidate: <T, K = void>(fn: ({ data }: {
+    data: T;
+}) => Promise<K>, queryKey: string[], options?: Omit<UseMutationOptions<K, Error, T>, "mutationFn" | "onSettled">) => import("@tanstack/react-query").UseMutationResult<K, Error, T, unknown>;

package/dist/hooks/useMutationWithInvalidate.js

@@ -0,0 +1,16 @@
+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.d.ts

@@ -0,0 +1,5 @@
+export * from './ai';
+export * from './app';
+export * from './hooks';
+export * from './tanstackFunctions';
+export * from './ui';

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./ai/index.js";
+export * from "./app/index.js";
+export * from "./hooks/index.js";
+export * from "./tanstackFunctions/index.js";
+export * from "./ui/index.js";

package/{src → dist}/styles.css

@@ -1,26 +1,20 @@
-.rolder-prompt-input-root {
-  background-color: light-dark(
-    var(--mantine-color-white),
-    var(--mantine-color-dark-6)
-  );
+.rolder-chat-input-root {
+  background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-6));
 
   &:focus-within {
-    outline: none;
     border-color: var(--mantine-primary-color-filled);
-  }
-  &:focus-within {
-    outline: none;
     border-color: var(--mantine-primary-color-filled);
+    outline: none;
   }
 }
 
-.rolder-prompt-input-textarea {
+.rolder-chat-input-textarea {
   border: 0;
-  overflow: hidden;
   border-radius: 8px;
+  overflow: hidden;
 }
 
-.rolder-prompt-input-file-action-action {
+.rolder-chat-input-file-action-action {
   color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
 
   &[data-disabled] {
@@ -29,11 +23,7 @@
 }
 
 .rolder-editor-root {
-  --editor-border-color: light-dark(
-    var(--mantine-color-gray-3),
-    var(--mantine-color-dark-4)
-  );
-
+  --editor-border-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
   border: rem(1px) solid var(--editor-border-color);
   border-radius: var(--mantine-radius-md);
 }
@@ -49,15 +39,14 @@
 }
 
 .rolder-hover-paper-root {
-  transition: background-color 0.2s ease-in-out;
+  transition: background-color .2s ease-in-out;
+
   &:hover {
-    background-color: light-dark(
-      var(--mantine-color-gray-0),
-      var(--mantine-color-dark-6)
-    );
-    transition: background-color 0.2s ease-in-out;
+    background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
     cursor: pointer;
+    transition: background-color .2s ease-in-out;
   }
+
   &[data-disabled] {
     background-color: unset;
     cursor: default;
@@ -65,20 +54,16 @@
 }
 
 .rolder-router-link-root {
-  text-decoration: none;
   color: inherit;
+  text-decoration: none;
 }
 
 .rolder-scroll-area-viewport {
   border-radius: var(--radius);
 }
 
-.rolder-scroll-area-content {
-  width: 100%;
-  height: 100%;
-}
-
 .rolder-scroll-area-scrollbar {
   border-top-right-radius: var(--radius);
   border-bottom-right-radius: var(--radius);
 }
+

package/dist/tanstackFunctions/cookie/getCookie.d.ts

@@ -0,0 +1,3 @@
+export declare function getCookie<T extends string>(name: string, defaultValue: T): T;
+export declare function getCookie(name: string, defaultValue: string): string;
+export declare function getCookie(name: string, defaultValue?: undefined): string | undefined;

package/dist/tanstackFunctions/cookie/getCookie.js

@@ -0,0 +1,8 @@
+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/tanstackFunctions/cookie/index.d.ts

@@ -0,0 +1,3 @@
+export { getCookie } from './getCookie';
+export { setCookie } from './setCookie';
+export { setCookies } from './setCookies';

package/dist/tanstackFunctions/cookie/index.js

@@ -0,0 +1,4 @@
+import { getCookie } from "./getCookie.js";
+import { setCookie } from "./setCookie.js";
+import { setCookies } from "./setCookies.js";
+export { getCookie, setCookie, setCookies };

package/dist/tanstackFunctions/cookie/setCookie.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Изоморфная функция для установки значения куки.
+ * На клиенте использует библиотеку js-cookie для работы с куками.
+ * На сервере использует функции getCookie и setCookie из tanstack start.
+ *
+ * @param {string} name - Имя куки
+ * @param {string} value - Значение куки, если не указано, кука будет удалена
+ * @param {number} [expires=7] - Количество дней до истечения срока действия куки (по умолчанию 7 дней)
+ */
+export declare const setCookie: import("@tanstack/start-fn-stubs").IsomorphicFn<[name: string, value?: string | undefined, expires?: number | undefined], void, void>;

package/dist/tanstackFunctions/cookie/setCookie.js

@@ -0,0 +1,19 @@
+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/tanstackFunctions/cookie/setCookies.d.ts

@@ -0,0 +1,14 @@
+interface Cookie {
+    name: string;
+    value?: string;
+    expires?: number;
+}
+/**
+ * Клиентская функция для установки значения нескольких куки.
+ * На клиенте использует библиотеку js-cookie для работы с куками.
+ * На сервере использует функции getCookie и setCookie из tanstack start.
+ *
+ * @param {Cookie[]} cookies - Массив объектов с данными куки *
+ */
+export declare const setCookies: (cookies: Cookie[]) => void;
+export {};

package/dist/tanstackFunctions/cookie/setCookies.js

@@ -0,0 +1,13 @@
+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/tanstackFunctions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './cookie';
+export * from './s3';
+export * from './surreal';

package/dist/tanstackFunctions/index.js

@@ -0,0 +1,3 @@
+export * from "./cookie/index.js";
+export * from "./s3/index.js";
+export * from "./surreal/index.js";

package/dist/tanstackFunctions/s3/getS3Client.d.ts

@@ -0,0 +1,2 @@
+import { custom } from '@better-upload/server/clients';
+export declare const getS3Client: () => ReturnType<typeof custom>;

package/dist/tanstackFunctions/s3/getS3Client.js

@@ -0,0 +1,18 @@
+import { custom } from "@better-upload/server/clients";
+const getS3Client = ()=>{
+    const host = process.env.S3_HOST;
+    if (!host) throw new Error('S3_HOST environment variable is not set');
+    const region = process.env.S3_REGION;
+    if (!region) throw new Error('S3_REGION environment variable is not set');
+    const accessKeyId = process.env.S3_ACCESS_KEY_ID;
+    if (!accessKeyId) throw new Error('S3_ACCESS_KEY_ID environment variable is not set');
+    const accessKeySecret = process.env.S3_ACCESS_KEY_SECRET;
+    if (!accessKeySecret) throw new Error('S3_ACCESS_KEY_SECRET environment variable is not set');
+    return custom({
+        host,
+        region,
+        accessKeyId,
+        secretAccessKey: accessKeySecret
+    });
+};
+export { getS3Client };

package/dist/tanstackFunctions/s3/getSignedFileUrlFn.d.ts

@@ -0,0 +1,4 @@
+import z from 'zod/v4';
+export declare const getSignedFileUrlFn: import("@tanstack/start-client-core").RequiredFetcher<undefined, z.ZodObject<{
+    s3Key: z.ZodString;
+}, z.core.$strip>, Promise<string>>;

package/dist/tanstackFunctions/s3/getSignedFileUrlFn.js

@@ -0,0 +1,21 @@
+import { presignGetObject } from "@better-upload/server/helpers";
+import { createServerFn } from "@tanstack/react-start";
+import v4 from "zod/v4";
+import { getS3Client } from "./getS3Client.js";
+const Schema = v4.object({
+    s3Key: v4.string()
+});
+const getSignedFileUrlFn = createServerFn({
+    method: 'POST'
+}).inputValidator(Schema).handler(async ({ data: { s3Key } })=>{
+    const bucket = process.env.S3_BUCKET_NAME;
+    if (!bucket) throw new Error('S3_BUCKET_NAME environment variable is not set');
+    const s3 = getS3Client();
+    const url = await presignGetObject(s3, {
+        bucket,
+        key: s3Key,
+        expiresIn: 300
+    });
+    return url;
+});
+export { getSignedFileUrlFn };

package/dist/tanstackFunctions/s3/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getSignedFileUrlFn';
+export * from './uploadRequest';

package/dist/tanstackFunctions/s3/index.js

@@ -0,0 +1,2 @@
+export * from "./getSignedFileUrlFn.js";
+export * from "./uploadRequest.js";

package/dist/tanstackFunctions/s3/uploadRequest.d.ts

@@ -0,0 +1,3 @@
+export declare const uploadRequest: ({ request }: {
+    request: Request;
+}) => Promise<Response>;

package/dist/tanstackFunctions/s3/uploadRequest.js

@@ -0,0 +1,21 @@
+import { handleRequest, route } from "@better-upload/server";
+import { createServerOnlyFn } from "@tanstack/react-start";
+import { getS3Client } from "./getS3Client.js";
+const getRouter = createServerOnlyFn(()=>{
+    const bucket = process.env.BUCKET_NAME;
+    if (!bucket) throw new Error('BUCKET_NAME environment variable is not set');
+    const s3 = getS3Client();
+    const router = {
+        client: s3,
+        bucketName: bucket,
+        routes: {
+            upload: route({
+                multipleFiles: false,
+                maxFileSize: 52428800
+            })
+        }
+    };
+    return router;
+});
+const uploadRequest = async ({ request })=>handleRequest(request, getRouter());
+export { uploadRequest };

package/dist/tanstackFunctions/surreal/connection.d.ts

@@ -0,0 +1,9 @@
+import { type CodecOptions, Surreal } from 'surrealdb';
+export declare const getDB: (params?: {
+    url?: string;
+    namespace?: string;
+    database?: string;
+    username?: string;
+    password?: string;
+    codecOptions?: CodecOptions;
+} | undefined) => Promise<Surreal>;

package/dist/tanstackFunctions/surreal/connection.js

@@ -0,0 +1,49 @@
+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/tanstackFunctions/surreal/deafaultCrud.d.ts

@@ -0,0 +1,2 @@
+export declare const surrealDeleteFn: import("@tanstack/start-client-core").RequiredFetcher<undefined, (data: string) => string, Promise<void>>;
+export declare const surrealUnsubscribeFn: import("@tanstack/start-client-core").RequiredFetcher<undefined, (data: string) => string, Promise<void>>;

package/dist/tanstackFunctions/surreal/deafaultCrud.js

@@ -0,0 +1,18 @@
+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/tanstackFunctions/surreal/deserialize.d.ts

@@ -0,0 +1,17 @@
+import { RecordId } from 'surrealdb';
+/**
+ * Type that converts specified string paths to RecordId, others stay as their original types
+ */
+type DeserializeResult<T, IdPaths extends string = never> = T extends string ? RecordId<string> : T extends (infer U)[] ? U extends object ? {
+    [K in keyof U]: K extends IdPaths ? RecordId<string> : U[K];
+}[] : DeserializeResult<U, IdPaths>[] : T extends object ? T extends Date ? T : {
+    [K in keyof T]: K extends IdPaths ? RecordId<string> : T[K];
+} : T;
+/**
+ * Deserializes DTO back to SurrealDB Record recursively based on specified ID paths
+ */
+export declare function deserialize<T, K extends keyof T & string>(dto: T[], idPaths: K[]): DeserializeResult<T, K>[];
+export declare function deserialize<T, K extends keyof T & string>(dto: T, idPaths: K[]): DeserializeResult<T, K>;
+export declare function deserialize<T>(dto: T[]): DeserializeResult<T>[];
+export declare function deserialize<T>(dto: T): DeserializeResult<T>;
+export {};