@hashrytech/quick-components-kit 0.13.4 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @hashrytech/quick-components-kit
 
+## 0.14.0
+
+### Minor Changes
+
+- refactor: Changing the setAuthToken method to setAccessToken and removing the getAccessToken method
+
+## 0.13.5
+
+### Patch Changes
+
+- refactor: setting placeholder text size to text-base default
+- refactor: set text size for lg TextInput to text-base
+- patch: adding evaluation of redirect rule to apiclient
+
 ## 0.13.4
 
 ### Patch Changes

package/dist/components/text-input/TextInput.svelte

@@ -63,7 +63,7 @@
     let sizeStyle: Record<TextInputSize, string> = {
         sm: "h-[2.05rem] text-sm placeholder:text-sm",
         md: "h-[2.375rem] text-sm placeholder:text-sm",
-        lg: "h-[2.8rem] text-lg placeholder:text-lg"
+        lg: "h-[2.8rem] text-base placeholder:text-base"
     };
 
 </script>

package/dist/modules/api-client.d.ts

@@ -9,6 +9,12 @@ import { type ProblemDetail } from "./problem-details.js";
  * and API routes) to automatically benefit from its enhancements (e.g., cookie forwarding,
  * built-in request/response interception via SvelteKit's `handleFetch` hook).
  */
+export interface AutoRedirectRule {
+    status: number;
+    errorKey: string;
+    errorValue?: string;
+    redirectTo: string;
+}
 export type ApiResponse<T> = {
     ok: boolean;
     status: number;
@@ -20,12 +26,8 @@ export interface ApiClientConfig {
     baseURL: string;
     /** Default headers to be sent with every request. */
     defaultHeaders?: HeadersInit;
-    /** A function that returns the current access token. This is useful for client-side
-     * operations where you might store the token in a Svelte store or similar.
-     * For server-side operations using SvelteKit's `fetch`, the token is typically
-     * handled by `src/hooks.server.ts` via `handleFetch`.
-     */
-    getAccessToken?: () => string | undefined;
+    /** Specified redirects if the response matches the specified rules. */
+    autoRedirects?: AutoRedirectRule[];
 }
 export interface RequestOptions extends RequestInit {
     /** If true, the Authorization header will not be added to this request. */
@@ -79,9 +81,9 @@ export interface ApiClientEvents {
 export declare class ApiClient {
     private baseURL;
     private defaultHeaders;
-    private clientAuthToken;
-    private getAccessTokenFromStore;
+    private accessToken;
     private fetchInstance?;
+    private autoRedirects;
     private requestInterceptors;
     private responseInterceptors;
     private errorHandlers;
@@ -95,10 +97,9 @@ export declare class ApiClient {
     });
     /**
      * Sets the Bearer token for client-side requests.
-     * This will override `getAccessToken` for subsequent requests using this client instance.
      * @param token - The access token string, or undefined to clear it.
      */
-    setAuthToken(token: string | undefined): void;
+    setAccessToken(token: string | undefined): void;
     /**
      * Sets a custom fetch implementation globally for all requests made by this client.
      * Useful for passing enhanced `fetch` from SvelteKit's load functions.
@@ -155,6 +156,7 @@ export declare class ApiClient {
      * @template T - Expected type of the response data.
      */
     request<T>(endpoint: string, method: string, body: BodyInit | object | null | undefined, options?: RequestOptions): Promise<ApiResponse<T>>;
+    private evaluateRedirect;
     /**
      * Sends a GET request to the specified API endpoint.
      *

package/dist/modules/api-client.js

@@ -1,5 +1,7 @@
 // src/lib/api/client.ts
+import { redirect } from "@sveltejs/kit";
 import { getProblemDetail } from "./problem-details.js";
+import { browser } from "$app/environment";
 /**
  * Custom error class for API responses.
  * Provides access to the HTTP status code.
@@ -30,11 +32,9 @@ export class ApiError extends Error {
 export class ApiClient {
     baseURL;
     defaultHeaders;
-    // This token is primarily for explicit client-side setting if needed,
-    // otherwise relies on getAccessTokenFromStore or SvelteKit's `handleFetch`.
-    clientAuthToken;
-    getAccessTokenFromStore;
+    accessToken;
     fetchInstance;
+    autoRedirects = [];
     requestInterceptors = [];
     responseInterceptors = [];
     errorHandlers = [];
@@ -46,15 +46,14 @@ export class ApiClient {
     constructor(config) {
         this.baseURL = config.baseURL;
         this.defaultHeaders = config.defaultHeaders || { 'Content-Type': 'application/json' };
-        this.getAccessTokenFromStore = config.getAccessToken;
+        this.autoRedirects = config.autoRedirects || [];
     }
     /**
      * Sets the Bearer token for client-side requests.
-     * This will override `getAccessToken` for subsequent requests using this client instance.
      * @param token - The access token string, or undefined to clear it.
      */
-    setAuthToken(token) {
-        this.clientAuthToken = token;
+    setAccessToken(token) {
+        this.accessToken = token;
     }
     /**
      * Sets a custom fetch implementation globally for all requests made by this client.
@@ -109,12 +108,8 @@ export class ApiClient {
             }
         }
         // Add auth token unless skipped
-        if (!options.skipAuth) {
-            // Priority: Explicit clientAuthToken > getAccessTokenFromStore
-            const token = this.clientAuthToken || (this.getAccessTokenFromStore ? this.getAccessTokenFromStore() : undefined);
-            if (token) {
-                requestHeaders.set('Authorization', `Bearer ${token}`);
-            }
+        if (!options.skipAuth && this.accessToken) {
+            requestHeaders.set('Authorization', `Bearer ${this.accessToken}`);
         }
         let processedBody = undefined;
         if (body instanceof FormData) {
@@ -247,6 +242,7 @@ export class ApiClient {
             const message = error instanceof Error ? error.message : 'Unexpected error occurred';
             const errorObj = isApiError && error.json ? error.json : getProblemDetail({ status, title: "Server fetch error", type: "/exceptions/fetch-error/", detail: message });
             //const errorObj = status != 503 ? message : getProblemDetail({status, title: "Server fetch error", type: "/exceptions/fetch-error/", detail: "Error fetching data from API", server: message });
+            this.evaluateRedirect(errorObj, status);
             return {
                 ok: false,
                 status,
@@ -254,6 +250,24 @@ export class ApiClient {
             };
         }
     }
+    evaluateRedirect(errorObj, status) {
+        for (const rule of this.autoRedirects) {
+            // Checks if the error matches the redirect rule value can be undefined to match if no value is specified.
+            if (status === rule.status && rule.errorKey in errorObj && (rule.errorValue === undefined || errorObj[rule.errorKey] === rule.errorValue)) {
+                if (browser) {
+                    // Client-side redirect
+                    import('$app/navigation').then(({ goto }) => {
+                        goto(rule.redirectTo, { replaceState: true });
+                    });
+                }
+                else {
+                    // Server-side redirect
+                    throw redirect(303, rule.redirectTo);
+                }
+                break;
+            }
+        }
+    }
     // --- HTTP Method Shorthands ---
     /**
      * Sends a GET request to the specified API endpoint.
@@ -377,7 +391,7 @@ export class ApiClient {
         const url = new URL(endpoint, this.baseURL).toString();
         const formData = new FormData();
         formData.append(fieldName, file);
-        const token = this.clientAuthToken || this.getAccessTokenFromStore?.();
+        const token = this.accessToken;
         const headers = new Headers(this.defaultHeaders);
         // Merge user-supplied headers
         if (options.headers) {

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.13.4",
+  "version": "0.14.0",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [