rdy-dashboard 1.0.5 → 1.0.7

package/dist/AuthContext.tsx

@@ -0,0 +1,86 @@
+'use client'
+
+import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+import { useRouter, usePathname } from 'next/navigation';
+import api from '../';
+import { getAuthHeaders } from '../';
+
+interface AuthContextType {
+    user: any | null;
+    isLoading: boolean;
+    login: (credentials: { email: string; password: string }) => Promise<void>;
+    logout: () => Promise<void>;
+    checkAuth: () => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+    const [user, setUser] = useState<any | null>(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const router = useRouter();
+    const pathname = usePathname();
+
+    useEffect(() => {
+        checkAuth();
+    }, []);
+
+    useEffect(() => {
+        // Автоматическая проверка при изменении маршрута
+        if (!isLoading && user && (pathname === '/login' || pathname === '/register')) {
+            router.push('/dashboard');
+        }
+    }, [pathname, user, isLoading, router]);
+
+    const checkAuth = async () => {
+        setIsLoading(true);
+        try {
+            const response = await api.get('/auth/me', { headers: await getAuthHeaders() });
+            setUser(response.data);
+        } catch (error) {
+            setUser(null);
+            // Если на странице логина - не редиректим
+            if (pathname !== '/login' && pathname !== '/register') {
+                router.push('/login');
+            }
+        } finally {
+            setIsLoading(false);
+        }
+    };
+
+    const login = async (credentials: { email: string; password: string }) => {
+        try {
+            const response = await api.post('/auth/login', credentials);
+            setUser(response.data);
+            router.push('/dashboard');
+            router.refresh();
+        } catch (error) {
+            throw error;
+        }
+    };
+
+    const logout = async () => {
+        try {
+            await api.post('/auth/logout', { headers: await getAuthHeaders() });
+        } catch (error) {
+            console.error('Logout error:', error);
+        } finally {
+            setUser(null);
+            router.push('/login');
+        }
+    };
+
+    return (
+        <AuthContext.Provider value={{ user, isLoading, login, logout, checkAuth }}>
+            {children}
+        </AuthContext.Provider>
+    );
+}
+
+export const useAuth = () => {
+    const context = useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within an AuthProvider');
+    }
+    return context;
+};

package/dist/RoutesContext.tsx

@@ -0,0 +1,25 @@
+// routes.tsx
+import { createContext, useContext, ReactNode } from "react";
+
+// ====== 1. Роуты ======
+export type Route = {
+    route: {
+        name: string;
+        url: string;
+    }
+};
+
+// ====== 2. Контекст ======
+const RoutesContext = createContext<Route[] | null>(null);
+
+// ====== 3. Провайдер ======
+export const RoutesProvider = ({ children, routes }: { children: ReactNode, routes: Route[] }) => {
+    return <RoutesContext.Provider value={routes}>{children}</RoutesContext.Provider>;
+};
+
+// ====== 4. Хук для использования ======
+export const useRoutesConfig = (): Route[] => {
+    const context = useContext(RoutesContext);
+    if (!context) throw new Error("useRoutesConfig must be used inside RoutesProvider");
+    return context;
+};

package/dist/admin.ui.tsx

@@ -0,0 +1,28 @@
+"use client"
+
+import { Route, RoutesProvider } from "../../context/RoutesContext";
+import { Sidebar } from "../..";
+import ProtectedRoute from "../../components/protectedRoute";
+
+interface Props {
+    routes: Route[];
+    children: React.ReactNode;
+}
+
+export const AdminUi: React.FC<Props> = ({ routes, children }) => {
+    return (
+        <ProtectedRoute>
+            <div className="">
+                <RoutesProvider
+                    routes={routes}>
+                    <div className="">
+                        <Sidebar />
+                        <div className="">
+                            {children}
+                        </div>
+                    </div>
+                </RoutesProvider>
+            </div>
+        </ProtectedRoute>
+    )
+}

package/dist/api/api.d.ts

@@ -0,0 +1,7 @@
+export declare const BACKEND_URL: string;
+export declare const ACCESS_TOKEN: string;
+export declare const BACKEND_HEADERS: {
+    'Content-Type': string;
+};
+declare const api: import("axios").AxiosInstance;
+export default api;

package/dist/api/api.esm.js

@@ -0,0 +1,43 @@
+import axios from 'axios';
+
+const BACKEND_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:9000/api";
+process.env.JWT_ACCESS_TOKEN || "";
+const BACKEND_HEADERS = { 'Content-Type': 'application/json' };
+const api = axios.create({
+    baseURL: BACKEND_URL,
+    headers: BACKEND_HEADERS,
+    withCredentials: true,
+});
+let refreshPromise = null;
+api.interceptors.response.use((response) => response, async (error) => {
+    if (!error.response) {
+        return Promise.reject(error);
+    }
+    const originalRequest = error.config;
+    if (error.response.status === 401 && !originalRequest._retry) {
+        originalRequest._retry = true;
+        if (!refreshPromise) {
+            refreshPromise = (async () => {
+                try {
+                    await api.post('/auth/refresh');
+                }
+                finally {
+                    refreshPromise = null;
+                }
+            })();
+        }
+        try {
+            await refreshPromise;
+            return api(originalRequest);
+        }
+        catch (refreshError) {
+            if (typeof window !== 'undefined') {
+                localStorage.removeItem('access_token');
+            }
+            return Promise.reject(refreshError);
+        }
+    }
+    return Promise.reject(error);
+});
+
+export { BACKEND_HEADERS, BACKEND_URL, api as default };

package/dist/api/api.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var axios = require('axios');
+
+const BACKEND_URL = process.env.NEXT_PUBLIC_API_URL || "http://localhost:9000/api";
+process.env.JWT_ACCESS_TOKEN || "";
+const BACKEND_HEADERS = { 'Content-Type': 'application/json' };
+const api = axios.create({
+    baseURL: BACKEND_URL,
+    headers: BACKEND_HEADERS,
+    withCredentials: true,
+});
+let refreshPromise = null;
+api.interceptors.response.use((response) => response, async (error) => {
+    if (!error.response) {
+        return Promise.reject(error);
+    }
+    const originalRequest = error.config;
+    if (error.response.status === 401 && !originalRequest._retry) {
+        originalRequest._retry = true;
+        if (!refreshPromise) {
+            refreshPromise = (async () => {
+                try {
+                    await api.post('/auth/refresh');
+                }
+                finally {
+                    refreshPromise = null;
+                }
+            })();
+        }
+        try {
+            await refreshPromise;
+            return api(originalRequest);
+        }
+        catch (refreshError) {
+            if (typeof window !== 'undefined') {
+                localStorage.removeItem('access_token');
+            }
+            return Promise.reject(refreshError);
+        }
+    }
+    return Promise.reject(error);
+});
+
+exports.BACKEND_HEADERS = BACKEND_HEADERS;
+exports.BACKEND_URL = BACKEND_URL;
+exports.default = api;

package/dist/api/auth.api.d.ts

@@ -0,0 +1,8 @@
+export declare const authApi: {
+    login: (credentials: {
+        email: string;
+        password: string;
+    }) => Promise<any>;
+    logout: () => Promise<import("axios").AxiosResponse<any, any, {}>>;
+    me: () => Promise<import("axios").AxiosResponse<any, any, {}>>;
+};

package/dist/api/auth.api.esm.js

@@ -0,0 +1,23 @@
+import api from './api.esm.js';
+import { getAuthHeaders } from './headers.api.esm.js';
+
+const authApi = {
+    login: async (credentials) => {
+        try {
+            const response = await api.post('/auth/login', credentials);
+            return response.data;
+        }
+        catch (error) {
+            console.error('API Error:', error.response?.data || error.message);
+            throw error;
+        }
+    },
+    logout: async () => api.post("/auth/logout", {
+        headers: await getAuthHeaders(),
+    }),
+    me: async () => api.get("/auth/me", {
+        headers: await getAuthHeaders(),
+    }),
+};
+
+export { authApi };

package/dist/api/auth.api.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var api = require('./api.js');
+var headers_api = require('./headers.api.js');
+
+const authApi = {
+    login: async (credentials) => {
+        try {
+            const response = await api.default.post('/auth/login', credentials);
+            return response.data;
+        }
+        catch (error) {
+            console.error('API Error:', error.response?.data || error.message);
+            throw error;
+        }
+    },
+    logout: async () => api.default.post("/auth/logout", {
+        headers: await headers_api.getAuthHeaders(),
+    }),
+    me: async () => api.default.get("/auth/me", {
+        headers: await headers_api.getAuthHeaders(),
+    }),
+};
+
+exports.authApi = authApi;

package/dist/api/headers.api.d.ts

@@ -0,0 +1,5 @@
+export declare const getAuthHeaders: () => Promise<{
+    Cookie: string;
+} | {
+    Cookie?: undefined;
+}>;

package/dist/api/headers.api.esm.js

@@ -0,0 +1,13 @@
+const getAuthHeaders = async () => {
+    try {
+        const { cookies } = await import('next/headers');
+        const cookieStore = await cookies();
+        const accessToken = cookieStore.get('accessToken')?.value;
+        return accessToken ? { Cookie: `accessToken=${accessToken}` } : {};
+    }
+    catch (err) {
+        return {};
+    }
+};
+
+export { getAuthHeaders };

package/dist/api/headers.api.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const getAuthHeaders = async () => {
+    try {
+        const { cookies } = await import('next/headers');
+        const cookieStore = await cookies();
+        const accessToken = cookieStore.get('accessToken')?.value;
+        return accessToken ? { Cookie: `accessToken=${accessToken}` } : {};
+    }
+    catch (err) {
+        return {};
+    }
+};
+
+exports.getAuthHeaders = getAuthHeaders;

package/dist/api.ts

@@ -0,0 +1,53 @@
+import axios from "axios";
+
+export const BACKEND_URL: string = process.env.NEXT_PUBLIC_API_URL || "http://localhost:9000/api";
+export const ACCESS_TOKEN: string = process.env.JWT_ACCESS_TOKEN || "";
+
+export const BACKEND_HEADERS = { 'Content-Type': 'application/json' };
+
+const api = axios.create({
+    baseURL: BACKEND_URL,
+    headers: BACKEND_HEADERS,
+    withCredentials: true,
+});
+
+let refreshPromise: Promise<void> | null = null;
+
+api.interceptors.response.use(
+    (response) => response,
+    async (error) => {
+        if (!error.response) {
+            return Promise.reject(error);
+        }
+
+        const originalRequest = error.config;
+
+        if (error.response.status === 401 && !originalRequest._retry) {
+            originalRequest._retry = true;
+
+            if (!refreshPromise) {
+                refreshPromise = (async () => {
+                    try {
+                        await api.post('/auth/refresh');
+                    } finally {
+                        refreshPromise = null;
+                    }
+                })();
+            }
+
+            try {
+                await refreshPromise;
+                return api(originalRequest);
+            } catch (refreshError) {
+                if (typeof window !== 'undefined') {
+                    localStorage.removeItem('access_token');
+                }
+                return Promise.reject(refreshError);
+            }
+        }
+
+        return Promise.reject(error);
+    }
+);
+
+export default api;

package/dist/auth.api.ts

@@ -0,0 +1,21 @@
+import api from "./api"
+import { getAuthHeaders } from "./headers.api";
+
+export const authApi = {
+    login: async (credentials: { email: string; password: string }) => {
+        try {
+            const response = await api.post('/auth/login', credentials);
+            return response.data;
+        } catch (error: any) {
+            console.error('API Error:', error.response?.data || error.message);
+            throw error;
+        }
+    },
+    logout: async () => api.post("/auth/logout", {
+        headers: await getAuthHeaders(),
+    }),
+
+    me: async () => api.get("/auth/me", {
+        headers: await getAuthHeaders(),
+    }),
+}

package/dist/components/input.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface InputProps {
+    type?: string;
+    name: string;
+    placeholder?: string;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const Input: React.FC<InputProps>;
+export {};

package/dist/components/input.esm.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+
+const Input = ({ type = 'text', name, placeholder, value, onChange, required = false, disabled = false, className = '', }) => {
+    return (jsx("input", { type: type, name: name, placeholder: placeholder, value: value, onChange: onChange, required: required, disabled: disabled, className: `${className}` }));
+};
+
+export { Input };

package/dist/components/input.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Input = ({ type = 'text', name, placeholder, value, onChange, required = false, disabled = false, className = '', }) => {
+    return (jsxRuntime.jsx("input", { type: type, name: name, placeholder: placeholder, value: value, onChange: onChange, required: required, disabled: disabled, className: `${className}` }));
+};
+
+exports.Input = Input;

package/dist/components/protectedRoute.d.ts

@@ -0,0 +1,3 @@
+export default function ProtectedRoute({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/protectedRoute.esm.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import '../api/api.esm.js';
+import '../context/RoutesContext.esm.js';
+import 'next/link';
+import { useAuth } from '../context/AuthContext.esm.js';
+
+// components/ProtectedRoute.tsx
+function ProtectedRoute({ children }) {
+    const { user, isLoading } = useAuth();
+    const router = useRouter();
+    useEffect(() => {
+        if (!isLoading && !user) {
+            router.push('/login');
+        }
+    }, [user, isLoading, router]);
+    if (isLoading) {
+        return jsx("div", { children: "Loading..." });
+    }
+    return user ? jsx(Fragment, { children: children }) : null;
+}
+
+export { ProtectedRoute as default };

package/dist/components/protectedRoute.js

@@ -0,0 +1,27 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var navigation = require('next/navigation');
+require('../api/api.js');
+require('../context/RoutesContext.js');
+require('next/link');
+var AuthContext = require('../context/AuthContext.js');
+
+// components/ProtectedRoute.tsx
+function ProtectedRoute({ children }) {
+    const { user, isLoading } = AuthContext.useAuth();
+    const router = navigation.useRouter();
+    react.useEffect(() => {
+        if (!isLoading && !user) {
+            router.push('/login');
+        }
+    }, [user, isLoading, router]);
+    if (isLoading) {
+        return jsxRuntime.jsx("div", { children: "Loading..." });
+    }
+    return user ? jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }) : null;
+}
+
+module.exports = ProtectedRoute;

package/dist/context/AuthContext.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+interface AuthContextType {
+    user: any | null;
+    isLoading: boolean;
+    login: (credentials: {
+        email: string;
+        password: string;
+    }) => Promise<void>;
+    logout: () => Promise<void>;
+    checkAuth: () => Promise<void>;
+}
+export declare function AuthProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useAuth: () => AuthContextType;
+export {};

package/dist/context/AuthContext.esm.js

@@ -0,0 +1,18 @@
+"use client";
+import 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+import 'next/navigation';
+import '../api/api.esm.js';
+import './RoutesContext.esm.js';
+import 'next/link';
+
+const AuthContext = createContext(undefined);
+const useAuth = () => {
+    const context = useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within an AuthProvider');
+    }
+    return context;
+};
+
+export { useAuth };

package/dist/context/AuthContext.js

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+require('react/jsx-runtime');
+var react = require('react');
+require('next/navigation');
+require('../api/api.js');
+require('./RoutesContext.js');
+require('next/link');
+
+const AuthContext = react.createContext(undefined);
+const useAuth = () => {
+    const context = react.useContext(AuthContext);
+    if (context === undefined) {
+        throw new Error('useAuth must be used within an AuthProvider');
+    }
+    return context;
+};
+
+exports.useAuth = useAuth;

package/dist/context/RoutesContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+export type Route = {
+    route: {
+        name: string;
+        url: string;
+    };
+};
+export declare const RoutesProvider: ({ children, routes }: {
+    children: ReactNode;
+    routes: Route[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useRoutesConfig: () => Route[];

package/dist/context/RoutesContext.esm.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+// ====== 2. Контекст ======
+const RoutesContext = createContext(null);
+// ====== 3. Провайдер ======
+const RoutesProvider = ({ children, routes }) => {
+    return jsx(RoutesContext.Provider, { value: routes, children: children });
+};
+// ====== 4. Хук для использования ======
+const useRoutesConfig = () => {
+    const context = useContext(RoutesContext);
+    if (!context)
+        throw new Error("useRoutesConfig must be used inside RoutesProvider");
+    return context;
+};
+
+export { RoutesProvider, useRoutesConfig };

package/dist/context/RoutesContext.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+// ====== 2. Контекст ======
+const RoutesContext = react.createContext(null);
+// ====== 3. Провайдер ======
+const RoutesProvider = ({ children, routes }) => {
+    return jsxRuntime.jsx(RoutesContext.Provider, { value: routes, children: children });
+};
+// ====== 4. Хук для использования ======
+const useRoutesConfig = () => {
+    const context = react.useContext(RoutesContext);
+    if (!context)
+        throw new Error("useRoutesConfig must be used inside RoutesProvider");
+    return context;
+};
+
+exports.RoutesProvider = RoutesProvider;
+exports.useRoutesConfig = useRoutesConfig;

package/dist/entities/admin/admin.ui.d.ts

@@ -0,0 +1,7 @@
+import { Route } from "../../context/RoutesContext";
+interface Props {
+    routes: Route[];
+    children: React.ReactNode;
+}
+export declare const AdminUi: React.FC<Props>;
+export {};

package/dist/entities/admin/admin.ui.esm.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { RoutesProvider } from '../../context/RoutesContext.esm.js';
+import '../../api/api.esm.js';
+import ProtectedRoute from '../../components/protectedRoute.esm.js';
+import 'next/navigation';
+import 'react';
+import { SidebarUi } from '../sidebar/sidebar.ui.esm.js';
+import '../../context/AuthContext.esm.js';
+
+const AdminUi = ({ routes, children }) => {
+    return (jsx(ProtectedRoute, { children: jsx("div", { className: "", children: jsx(RoutesProvider, { routes: routes, children: jsxs("div", { className: "", children: [jsx(SidebarUi, {}), jsx("div", { className: "", children: children })] }) }) }) }));
+};
+
+export { AdminUi };

package/dist/entities/admin/admin.ui.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var RoutesContext = require('../../context/RoutesContext.js');
+require('../../api/api.js');
+var protectedRoute = require('../../components/protectedRoute.js');
+require('next/navigation');
+require('react');
+var sidebar_ui = require('../sidebar/sidebar.ui.js');
+require('../../context/AuthContext.js');
+
+const AdminUi = ({ routes, children }) => {
+    return (jsxRuntime.jsx(protectedRoute, { children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx(RoutesContext.RoutesProvider, { routes: routes, children: jsxRuntime.jsxs("div", { className: "", children: [jsxRuntime.jsx(sidebar_ui.SidebarUi, {}), jsxRuntime.jsx("div", { className: "", children: children })] }) }) }) }));
+};
+
+exports.AdminUi = AdminUi;