ar-design 0.3.49 → 0.3.51

package/dist/assets/css/components/data-display/diagram/styles.css

@@ -11,7 +11,7 @@
     background-size: 20px 20px;
     background-repeat: repeat;
     height: 100%;
-    border: 1px solid var(--gray-200);
+    /* border: 1px solid var(--gray-200); */
     cursor: grab;
     overflow: hidden;
     z-index: 1;

package/dist/assets/css/components/feedback/drawer/content.css

@@ -1,4 +1,5 @@
 .ar-drawer-wrapper > .ar-drawer > .content {
+  position: relative;
   padding: 2rem;
   overflow-x: hidden;
   overflow-y: auto;

package/dist/libs/core/service/Api.d.ts

@@ -1,14 +1,11 @@
 declare class Api {
     private _host?;
     private _core?;
-    private _init?;
-    private _token?;
     private _url;
     constructor(values: {
         host?: string;
         core?: string;
         init?: RequestInit;
-        token?: string;
     });
     Get(values: {
         input?: RequestInfo | undefined;
@@ -39,8 +36,6 @@ declare class Api {
         input?: RequestInfo;
         init?: RequestInit;
     }): Promise<Response>;
-    private HeaderProperties;
-    private Cookies;
     /**
      * Burada bir fetch işlemi gerçekleştirilmekte fakat farklı olarak burayı `interceptor` olarak kullanmaktayız.
      * @param input

package/dist/libs/core/service/Api.js

@@ -1,14 +1,11 @@
+import { getApiConfig } from "./Config";
 class Api {
     _host;
     _core;
-    _init;
-    _token;
     _url;
     constructor(values) {
         this._host = values.host || (typeof window !== "undefined" ? window.location.origin : "");
         this._core = values.core || "";
-        this._init = values.init;
-        this._token = values.token;
         // Url
         this._url = `${this._host}/${this._core ? this._core + "/" : ""}`;
     }
@@ -19,10 +16,6 @@ class Api {
         const p_response = this.CustomFetch(`${this._url}${values.input}`, {
             method: "GET",
             ...values.init,
-            headers: {
-                ...this.HeaderProperties(),
-                ...values.init?.headers,
-            },
         });
         const clone = (await p_response).clone();
         const response = await clone;
@@ -36,10 +29,6 @@ class Api {
             method: "POST",
             body: JSON.stringify(values.data),
             ...values.init,
-            headers: {
-                ...this.HeaderProperties(),
-                ...values.init?.headers,
-            },
         });
         const clone = (await p_response).clone();
         const response = await clone;
@@ -53,10 +42,6 @@ class Api {
             method: "POST",
             body: values.data,
             ...values.init,
-            headers: {
-                ...this.HeaderProperties(),
-                ...values.init?.headers,
-            },
         });
         return response;
     }
@@ -68,10 +53,6 @@ class Api {
             method: "PUT",
             body: JSON.stringify(values.data),
             ...values.init,
-            headers: {
-                ...this.HeaderProperties(),
-                ...values.init?.headers,
-            },
         });
         return response;
     }
@@ -82,63 +63,57 @@ class Api {
         const response = await this.CustomFetch(`${this._url}${values.input}`, {
             method: "DELETE",
             ...values.init,
-            headers: {
-                ...this.HeaderProperties(),
-                ...values.init?.headers,
-            },
         });
         return response;
     }
-    HeaderProperties = () => {
-        return {
-            Accept: "application/json",
-            "Content-Type": "application/json",
-            ...(this._token && { Authorization: `Bearer ${this.Cookies(this._token)}` }),
-        };
-    };
-    Cookies = (name) => {
-        if (typeof window === "undefined")
-            return undefined;
-        const cookies = document.cookie.split("; ");
-        const cookieObject = [];
-        cookies.forEach((cookie) => {
-            const [key, value] = cookie.split("=");
-            cookieObject.push({ key: key, value: value });
-        });
-        return decodeURIComponent(cookieObject.find((x) => x.key === name)?.value ?? "");
-    };
     /**
      * Burada bir fetch işlemi gerçekleştirilmekte fakat farklı olarak burayı `interceptor` olarak kullanmaktayız.
      * @param input
      * @param init
      * @returns
      */
-    async CustomFetch(input, init) {
+    async CustomFetch(input, init = {}) {
         try {
-            // # Request Interceptor
-            const request = await fetch(input, { ...init, ...this._init });
-            // # Response Interceptor
-            // Error Handling
-            if (!request.ok) {
-                switch (request.status) {
+            const config = getApiConfig();
+            // Request merge: init + headers + global config
+            let requestInit = {
+                ...init,
+                headers: {
+                    ...config.headers,
+                    ...init.headers,
+                },
+            };
+            // Request interceptor (runtime'da eklenmiş olabilir.)
+            if (config.requestInterceptor)
+                [input, requestInit] = await config.requestInterceptor(input, requestInit);
+            // Fetch çağrısı.
+            const response = await fetch(input, requestInit);
+            // Response interceptor.
+            if (config.responseInterceptor)
+                return await config.responseInterceptor(response);
+            // Error handling
+            if (!response.ok) {
+                let message = `HTTP Error ${response.status}: ${response.statusText}`;
+                switch (response.status) {
                     case 400:
-                        console.error("400");
+                        console.error("400 Bad Request");
                         break;
                     case 401:
-                        console.error("401");
+                        console.error("401 Unauthorized");
                         break;
                     case 404:
-                        console.error("404");
+                        console.error("404 Not Found");
                         break;
                     default:
-                        console.error(`Unexpected Error: ${request.status}`);
+                        console.error(message);
                 }
+                throw new Error(message);
             }
-            // Return
-            return request;
+            return response;
         }
         catch (error) {
-            throw error;
+            // Network hatası veya fetch exception
+            throw new Error(error instanceof Error ? error.message : "Network Error");
         }
     }
 }

package/dist/libs/core/service/Config.d.ts

@@ -0,0 +1,10 @@
+type RequestInterceptor = (input: RequestInfo, init: RequestInit) => Promise<[RequestInfo, RequestInit]>;
+type ResponseInterceptor = (res: Response) => Promise<Response>;
+export interface ApiConfig {
+    headers?: HeadersInit;
+    requestInterceptor?: RequestInterceptor;
+    responseInterceptor?: ResponseInterceptor;
+}
+export declare const getApiConfig: () => ApiConfig;
+export declare const setApiConfig: (newConfig: Partial<ApiConfig>) => void;
+export {};

package/dist/libs/core/service/Config.js

@@ -0,0 +1,12 @@
+// Başlangıç default config
+let config = {
+    headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+    },
+};
+// Runtime (getter / setter)
+export const getApiConfig = () => config;
+export const setApiConfig = (newConfig) => {
+    config = { ...config, ...newConfig };
+};

package/dist/libs/core/service/index.d.ts

@@ -1,3 +1,4 @@
+import { setApiConfig } from "./Config";
 export type Result<TResponse> = {
     response: TResponse;
     __response__: Promise<Response> | null;
@@ -13,7 +14,6 @@ declare class Service {
         core?: string;
         endPoint?: string;
         init?: RequestInit;
-        token?: string;
     });
     Get<TResponse>(values?: {
         input?: string;
@@ -40,4 +40,5 @@ declare class Service {
     }): Promise<Result<TResponse>>;
     private Response;
 }
+export { setApiConfig };
 export default Service;

package/dist/libs/core/service/index.js

@@ -1,9 +1,10 @@
 import Api from "./Api";
+import { setApiConfig } from "./Config";
 class Service {
     _api;
     _endPoint;
     constructor(values) {
-        this._api = new Api({ host: values.host, core: values.core, init: values.init, token: values.token });
+        this._api = new Api({ host: values.host, core: values.core, init: values.init });
         this._endPoint = values.endPoint;
     }
     async Get(values) {
@@ -102,4 +103,5 @@ class Service {
         };
     };
 }
+export { setApiConfig };
 export default Service;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.49",
+  "version": "0.3.51",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",