flysoft-react-ui 0.1.15 → 0.2.0

package/dist/main.js

@@ -3,4 +3,4 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 import App from "./App";
-createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(BrowserRouter, { children: _jsx(App, {}) }) }));
+createRoot(document.getElementById("root")).render(_jsx(StrictMode, { children: _jsx(BrowserRouter, { future: { v7_startTransition: true, v7_relativeSplatPath: true }, children: _jsx(App, {}) }) }));

package/dist/services/apiClient.d.ts

@@ -0,0 +1,46 @@
+import type { AxiosRequestConfig } from "axios";
+export type HttpMethod = "get" | "post" | "put" | "delete" | "patch";
+export interface AppApiError {
+    message: string;
+    code?: string;
+    status?: number;
+    details?: unknown;
+    originalError?: unknown;
+}
+export interface ApiClientConfig {
+    baseURL?: string;
+    timeout?: number;
+    headers?: Record<string, string>;
+}
+export interface RequestOptions<TBody = unknown, TParams = Record<string, unknown>> {
+    url: string;
+    params?: TParams;
+    data?: TBody;
+    headers?: Record<string, string>;
+    config?: AxiosRequestConfig;
+}
+type TokenProvider = () => string | undefined;
+export declare class ApiClient {
+    private readonly instance;
+    private tokenProvider?;
+    constructor(config?: ApiClientConfig);
+    private setupInterceptors;
+    setTokenProvider(provider: TokenProvider | undefined): void;
+    clearTokenProvider(): void;
+    updateDefaults(config: ApiClientConfig): void;
+    get<TResponse, TParams = Record<string, unknown>>(options: RequestOptions<never, TParams>): Promise<TResponse>;
+    delete<TResponse, TParams = Record<string, unknown>>(options: RequestOptions<never, TParams>): Promise<TResponse>;
+    post<TResponse, TBody = unknown, TParams = Record<string, unknown>>(options: RequestOptions<TBody, TParams>): Promise<TResponse>;
+    put<TResponse, TBody = unknown, TParams = Record<string, unknown>>(options: RequestOptions<TBody, TParams>): Promise<TResponse>;
+    patch<TResponse, TBody = unknown, TParams = Record<string, unknown>>(options: RequestOptions<TBody, TParams>): Promise<TResponse>;
+    private transformResponse;
+    private ensureAppApiError;
+    private isAppApiError;
+    private toAppApiError;
+}
+export declare const apiClient: ApiClient;
+export declare const createApiClient: (config?: ApiClientConfig) => ApiClient;
+export declare const setApiClientTokenProvider: (provider: TokenProvider | undefined) => void;
+export declare const clearApiClientTokenProvider: () => void;
+export {};
+//# sourceMappingURL=apiClient.d.ts.map

package/dist/services/apiClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiClient.d.ts","sourceRoot":"","sources":["../../src/services/apiClient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,kBAAkB,EAGnB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc,CAC7B,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAEjC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,KAAK,aAAa,GAAG,MAAM,MAAM,GAAG,SAAS,CAAC;AAoB9C,qBAAa,SAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgB;IACzC,OAAO,CAAC,aAAa,CAAC,CAAgB;gBAE1B,MAAM,CAAC,EAAE,eAAe;IAcpC,OAAO,CAAC,iBAAiB;IAwBzB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,SAAS;IAIpD,kBAAkB;IAIlB,cAAc,CAAC,MAAM,EAAE,eAAe;IAehC,GAAG,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACpD,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,GACtC,OAAO,CAAC,SAAS,CAAC;IAaf,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,GACtC,OAAO,CAAC,SAAS,CAAC;IAaf,IAAI,CACR,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;IAaxD,GAAG,CACP,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;IAaxD,KAAK,CACT,SAAS,EACT,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC;IAa9D,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;CAiCtB;AAID,eAAO,MAAM,SAAS,WAAe,CAAC;AAEtC,eAAO,MAAM,eAAe,GAAI,SAAS,eAAe,cAA0B,CAAC;AAEnF,eAAO,MAAM,yBAAyB,GAAI,UAAU,aAAa,GAAG,SAAS,SAE5E,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAEvC,CAAC"}

package/dist/services/apiClient.js

@@ -0,0 +1,187 @@
+import axios from "axios";
+const DEFAULT_CONFIG = {
+    baseURL: "/api",
+    timeout: 15000,
+};
+const isObject = (value) => typeof value === "object" && value !== null;
+const extractErrorData = (error) => {
+    if (isObject(error.response?.data)) {
+        return error.response?.data;
+    }
+    if (typeof error.response?.data === "string") {
+        return { message: error.response?.data };
+    }
+    return {};
+};
+export class ApiClient {
+    instance;
+    tokenProvider;
+    constructor(config) {
+        this.instance = axios.create({
+            baseURL: config?.baseURL ?? DEFAULT_CONFIG.baseURL,
+            timeout: config?.timeout ?? DEFAULT_CONFIG.timeout,
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+                ...config?.headers,
+            },
+        });
+        this.setupInterceptors();
+    }
+    setupInterceptors() {
+        this.instance.interceptors.request.use((requestConfig) => {
+            const token = this.tokenProvider?.();
+            if (token) {
+                if (requestConfig.headers && "set" in requestConfig.headers) {
+                    requestConfig.headers.set?.("Authorization", `Bearer ${token}`);
+                }
+                else {
+                    const existingHeaders = requestConfig.headers ?? {};
+                    requestConfig.headers = {
+                        ...existingHeaders,
+                        Authorization: `Bearer ${token}`,
+                    };
+                }
+            }
+            return requestConfig;
+        });
+        this.instance.interceptors.response.use((response) => response, (error) => Promise.reject(this.toAppApiError(error)));
+    }
+    setTokenProvider(provider) {
+        this.tokenProvider = provider;
+    }
+    clearTokenProvider() {
+        this.tokenProvider = undefined;
+    }
+    updateDefaults(config) {
+        if (config.baseURL) {
+            this.instance.defaults.baseURL = config.baseURL;
+        }
+        if (config.timeout) {
+            this.instance.defaults.timeout = config.timeout;
+        }
+        if (config.headers) {
+            this.instance.defaults.headers = {
+                ...this.instance.defaults.headers,
+                ...config.headers,
+            };
+        }
+    }
+    async get(options) {
+        try {
+            const response = await this.instance.get(options.url, {
+                params: options.params,
+                headers: options.headers,
+                ...options.config,
+            });
+            return this.transformResponse(response);
+        }
+        catch (error) {
+            throw this.ensureAppApiError(error);
+        }
+    }
+    async delete(options) {
+        try {
+            const response = await this.instance.delete(options.url, {
+                params: options.params,
+                headers: options.headers,
+                ...options.config,
+            });
+            return this.transformResponse(response);
+        }
+        catch (error) {
+            throw this.ensureAppApiError(error);
+        }
+    }
+    async post(options) {
+        try {
+            const response = await this.instance.post(options.url, options.data, {
+                params: options.params,
+                headers: options.headers,
+                ...options.config,
+            });
+            return this.transformResponse(response);
+        }
+        catch (error) {
+            throw this.ensureAppApiError(error);
+        }
+    }
+    async put(options) {
+        try {
+            const response = await this.instance.put(options.url, options.data, {
+                params: options.params,
+                headers: options.headers,
+                ...options.config,
+            });
+            return this.transformResponse(response);
+        }
+        catch (error) {
+            throw this.ensureAppApiError(error);
+        }
+    }
+    async patch(options) {
+        try {
+            const response = await this.instance.patch(options.url, options.data, {
+                params: options.params,
+                headers: options.headers,
+                ...options.config,
+            });
+            return this.transformResponse(response);
+        }
+        catch (error) {
+            throw this.ensureAppApiError(error);
+        }
+    }
+    transformResponse(response) {
+        return response.data;
+    }
+    ensureAppApiError(error) {
+        if (this.isAppApiError(error)) {
+            return error;
+        }
+        return this.toAppApiError(error);
+    }
+    isAppApiError(error) {
+        return (isObject(error) &&
+            typeof error.message === "string" &&
+            ("code" in error || "status" in error || "details" in error));
+    }
+    toAppApiError(error) {
+        if (axios.isAxiosError(error)) {
+            const extracted = extractErrorData(error);
+            return {
+                message: extracted.message ??
+                    error.message ??
+                    "Unexpected API error",
+                code: extracted.code ??
+                    error.code ??
+                    "API_ERROR",
+                status: error.response?.status ?? error.status,
+                details: extracted,
+                originalError: error,
+            };
+        }
+        if (error instanceof Error) {
+            return {
+                message: error.message,
+                code: "UNKNOWN_ERROR",
+                details: undefined,
+                originalError: error,
+            };
+        }
+        return {
+            message: "Unexpected error",
+            code: "UNKNOWN_ERROR",
+            details: error,
+        };
+    }
+}
+const sharedClient = new ApiClient();
+export const apiClient = sharedClient;
+export const createApiClient = (config) => new ApiClient(config);
+export const setApiClientTokenProvider = (provider) => {
+    sharedClient.setTokenProvider(provider);
+};
+export const clearApiClientTokenProvider = () => {
+    sharedClient.clearTokenProvider();
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flysoft-react-ui",
   "private": false,
-  "version": "0.1.15",
+  "version": "0.2.0",
   "type": "module",
   "description": "A modern React UI component library with Tailwind CSS, TypeScript, and FontAwesome 5. Includes forms, layouts, themes, and templates for rapid development.",
   "keywords": [
@@ -64,6 +64,7 @@
   },
   "dependencies": {
     "@tailwindcss/vite": "^4.1.12",
+    "axios": "^1.13.2",
     "tailwindcss": "^4.1.12"
   },
   "devDependencies": {
@@ -77,9 +78,9 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
-    "react-router-dom": "^6.30.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
+    "react-router-dom": "^6.30.1",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.39.1",
     "vite": "^7.1.2",