@rolder/kit 3.0.0-alpha.16 → 3.0.0-alpha.17

package/dist/app/AppDefaults.d.ts

@@ -0,0 +1,3 @@
+export declare const AppDefaults: ({ saveColorScheme, }: {
+    saveColorScheme: boolean;
+}) => null;

package/dist/app/AppDefaults.js

@@ -0,0 +1,27 @@
+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 };

package/dist/app/DefaultApp.d.ts

@@ -0,0 +1,6 @@
+import { type MantineProviderProps } from '@mantine/core';
+interface Props extends MantineProviderProps {
+    saveColorScheme?: boolean;
+}
+export declare const DefaultApp: ({ children, saveColorScheme, defaultColorScheme, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/DefaultApp.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ColorSchemeScript, MantineProvider } from "@mantine/core";
+import { HeadContent, Scripts } from "@tanstack/react-router";
+import { getCookie } from "../functions/index.js";
+import { AppDefaults } from "./AppDefaults.js";
+import { cookieColorSchemeManager } from "./cookieColorSchemeManager.js";
+import { defaultTheme } from "./defaultTheme.js";
+const colorSchemeManager = cookieColorSchemeManager();
+const DefaultApp = ({ children, saveColorScheme = true, defaultColorScheme = 'auto', ...props })=>{
+    const colorScheme = saveColorScheme ? getCookie('colorScheme', defaultColorScheme) : defaultColorScheme;
+    return /*#__PURE__*/ jsxs("html", {
+        lang: "ru",
+        suppressHydrationWarning: true,
+        children: [
+            /*#__PURE__*/ jsxs("head", {
+                children: [
+                    /*#__PURE__*/ jsx(HeadContent, {}),
+                    /*#__PURE__*/ jsx(ColorSchemeScript, {
+                        defaultColorScheme: colorScheme
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("body", {
+                children: [
+                    /*#__PURE__*/ jsxs(MantineProvider, {
+                        defaultColorScheme: colorScheme,
+                        theme: defaultTheme,
+                        colorSchemeManager: colorSchemeManager,
+                        ...props,
+                        children: [
+                            /*#__PURE__*/ jsx(AppDefaults, {
+                                saveColorScheme: saveColorScheme
+                            }),
+                            children
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Scripts, {})
+                ]
+            })
+        ]
+    });
+};
+export { DefaultApp };

package/dist/app/cookieColorSchemeManager.d.ts

@@ -0,0 +1,6 @@
+import { type MantineColorSchemeManager } from '@mantine/core';
+export interface CookieColorSchemeManager {
+    /** Название куки, `colorScheme` по умолчанию */
+    key?: string;
+}
+export declare const cookieColorSchemeManager: ({ key, }?: CookieColorSchemeManager) => MantineColorSchemeManager;

package/dist/app/cookieColorSchemeManager.js

@@ -0,0 +1,46 @@
+import { isMantineColorScheme } from "@mantine/core";
+import { atom } from "nanostores";
+import { setCookie } from "../functions/index.js";
+const $colorScheme = atom();
+let unsubscribeSystemTheme;
+const cookieColorSchemeManager = ({ key = 'colorScheme' } = {})=>({
+        get: (defaultValue)=>{
+            try {
+                return $colorScheme.get() || defaultValue;
+            } catch  {
+                return defaultValue;
+            }
+        },
+        set: (value)=>{
+            try {
+                setCookie(key, value);
+                $colorScheme.set(value);
+            } catch (error) {
+                console.warn('[cookieColorSchemeManager] Ошибка при сохранении цветовой схемы в куки.', error);
+            }
+        },
+        subscribe: (onUpdate)=>{
+            $colorScheme.listen((newValue)=>{
+                if (isMantineColorScheme(newValue)) {
+                    setCookie(key, newValue);
+                    onUpdate(newValue);
+                }
+            });
+            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            const handleSystemThemeChange = ()=>onUpdate('auto');
+            mediaQuery.addEventListener('change', handleSystemThemeChange);
+            unsubscribeSystemTheme = ()=>mediaQuery.removeEventListener('change', handleSystemThemeChange);
+        },
+        unsubscribe: ()=>{
+            $colorScheme.off();
+            if (unsubscribeSystemTheme) {
+                unsubscribeSystemTheme();
+                unsubscribeSystemTheme = void 0;
+            }
+        },
+        clear: ()=>{
+            setCookie(key);
+            $colorScheme.set(void 0);
+        }
+    });
+export { cookieColorSchemeManager };

package/dist/app/defaultRequestMiddlewares.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultRequestMiddlewares: import("@tanstack/start-client-core").RequestMiddlewareAfterServer<{}, undefined, {
+    locale: string;
+    timeZone: string;
+}>[];

package/dist/app/defaultRequestMiddlewares.js

@@ -0,0 +1,24 @@
+import { createMiddleware } from "@tanstack/react-start";
+import { getCookie, getRequestHeader, setCookie } from "@tanstack/react-start/server";
+const defaultRequestMiddlewares_locale = createMiddleware().server(async ({ next })=>{
+    const header = getRequestHeader('accept-language');
+    const headerLocale = header?.split(',')[0] || 'ru-RU';
+    const cookieLocale = getCookie('locale');
+    const cookieTz = getCookie('tz');
+    const locale = cookieLocale || headerLocale;
+    const timeZone = cookieTz || 'UTC';
+    setCookie('locale', locale, {
+        path: '/',
+        maxAge: 31536000
+    });
+    return next({
+        context: {
+            locale,
+            timeZone
+        }
+    });
+});
+const defaultRequestMiddlewares = [
+    defaultRequestMiddlewares_locale
+];
+export { defaultRequestMiddlewares };

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;
+        dark?: import("@mantine/core").MantineColorsTuple | undefined;
+        gray?: import("@mantine/core").MantineColorsTuple | undefined;
+        red?: 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?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | 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/functions/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/functions/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/functions/index.d.ts

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

package/dist/functions/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/functions/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/functions/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/functions/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/functions/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/index.d.ts

@@ -1 +1,2 @@
-export { IconBrandAdobeAfterEffect } from '@tabler/icons-react';
+export * from './app';
+export * from './functions';

package/dist/index.js

@@ -1,2 +1,2 @@
-import { IconBrandAdobeAfterEffect } from "@tabler/icons-react";
-export { IconBrandAdobeAfterEffect };
+export * from "./app/index.js";
+export * from "./functions/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rolder/kit",
-  "version": "3.0.0-alpha.16",
+  "version": "3.0.0-alpha.17",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/TestIcon.d.ts

@@ -1 +0,0 @@
-export declare const TestIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/TestIcon.js

@@ -1,4 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { IconBrandAdobeAfterEffect } from "@tabler/icons-react";
-const TestIcon = ()=>/*#__PURE__*/ jsx(IconBrandAdobeAfterEffect, {});
-export { TestIcon };