@hashrytech/quick-components-kit 0.12.0 → 0.12.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.12.2
+
+### Patch Changes
+
+- fix: Adding bindable to text input value
+
+## 0.12.1
+
+### Patch Changes
+
+- refactor: Using a typed wrapper approach for API Client
+
 ## 0.12.0
 
 ### Minor Changes

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

@@ -52,7 +52,7 @@
 <script lang="ts">
     import { twMerge } from 'tailwind-merge';
     
-    let { id, type="text", name="", value="", placeholder="", labelText, size="md", inputClasses="", disabled=false, required=false, error, onchange, onmouseup, label, icon}: TextInputProps = $props();
+    let { id, type="text", name="", value=$bindable(""), placeholder="", labelText, size="md", inputClasses="", disabled=false, required=false, error, onchange, onmouseup, label, icon}: TextInputProps = $props();
 
     /**
      * Predefined size classes for the TextBox input.

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

@@ -42,6 +42,6 @@ export type TextInputProps = {
     label?: Snippet;
     icon?: Snippet;
 };
-declare const TextInput: import("svelte").Component<TextInputProps, {}, "">;
+declare const TextInput: import("svelte").Component<TextInputProps, {}, "value">;
 type TextInput = ReturnType<typeof TextInput>;
 export default TextInput;

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

@@ -8,6 +8,12 @@
  * and API routes) to automatically benefit from its enhancements (e.g., cookie forwarding,
  * built-in request/response interception via SvelteKit's `handleFetch` hook).
  */
+export type ApiResponse<T> = {
+    ok: boolean;
+    status: number;
+    data?: T;
+    error?: string;
+};
 export interface ApiClientConfig {
     /** The base URL for your API (e.g., 'https://api.yourapi.com/v1'). */
     baseURL: string;
@@ -139,7 +145,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response data or raw Response/Blob.
      * @template T - Expected type of the response data.
      */
-    request<T>(endpoint: string, method: string, body: BodyInit | object | null | undefined, options?: RequestOptions): Promise<T | Response>;
+    request<T>(endpoint: string, method: string, body: BodyInit | object | null | undefined, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Sends a GET request to the specified API endpoint.
      *
@@ -148,7 +154,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response or raw Response object.
      * @template T - Expected shape of the JSON response.
      */
-    get<T>(endpoint: string, options?: RequestOptions): Promise<T | Response>;
+    get<T>(endpoint: string, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Sends a POST request to the specified API endpoint.
      *
@@ -158,7 +164,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response or raw Response object.
      * @template T - Expected shape of the JSON response.
      */
-    post<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<T | Response>;
+    post<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Sends a PUT request to the specified API endpoint.
      * Typically used for full resource replacement.
@@ -169,7 +175,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response or raw Response object.
      * @template T - Expected shape of the JSON response.
      */
-    put<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<T | Response>;
+    put<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Sends a PATCH request to the specified API endpoint.
      * Typically used for partial updates.
@@ -180,7 +186,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response or raw Response object.
      * @template T - Expected shape of the JSON response.
      */
-    patch<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<T | Response>;
+    patch<T>(endpoint: string, data?: BodyInit | object | null, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Sends a DELETE request to the specified API endpoint.
      *
@@ -189,7 +195,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response or raw Response object.
      * @template T - Expected shape of the JSON response (if any).
      */
-    delete<T>(endpoint: string, options?: RequestOptions): Promise<T | Response>;
+    delete<T>(endpoint: string, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Handles file uploads.
      * @param endpoint - The API endpoint for file upload.
@@ -199,7 +205,7 @@ export declare class ApiClient {
      * @returns A Promise resolving to the parsed response data.
      * @template T - Expected type of the response data after upload.
      */
-    uploadFile<T>(endpoint: string, file: File | Blob | FormData, fieldName?: string, options?: RequestOptions): Promise<T | Response>;
+    uploadFile<T>(endpoint: string, file: File | Blob | FormData, fieldName?: string, options?: RequestOptions): Promise<ApiResponse<T>>;
     /**
      * Handles file downloads.
      * @param endpoint - The API endpoint for file download.

package/dist/modules/api-client.js

@@ -159,9 +159,7 @@ export class ApiClient {
             try {
                 // Attempt to parse a more descriptive error message from JSON response
                 errorJson = await errorResponseClone.json();
-                errorMessage = errorJson.message
-                    || errorJson.error
-                    || JSON.stringify(errorJson);
+                errorMessage = errorJson.message || errorJson.error || JSON.stringify(errorJson);
             }
             catch (e) {
                 // If response is not JSON, use default status text or log parsing error
@@ -176,8 +174,7 @@ export class ApiClient {
                 return (await response.blob());
             case 'arrayBuffer':
                 return (await response.arrayBuffer());
-            case 'raw':
-                return response; // Return the raw Response object
+            case 'raw': return response;
             case 'json':
             default:
                 // Handle 204 No Content (or other non-body responses)
@@ -220,18 +217,26 @@ export class ApiClient {
      * @template T - Expected type of the response data.
      */
     async request(endpoint, method, body, options = {}) {
-        // Use the provided fetchInstance or fallback to global fetch
         const currentFetch = options.fetchInstance || fetch;
         try {
             const request = await this.processRequest(endpoint, method, body, options);
             const response = await currentFetch(request);
-            return await this.processResponse(response, options);
+            const parsed = await this.processResponse(response, options);
+            return {
+                ok: true,
+                status: response.status,
+                data: parsed
+            };
         }
-        catch (error) { // Use unknown for safety
-            // Process error with registered handlers
+        catch (error) {
             await this.handleError(error);
-            // Re-throw the error so the consumer can handle it if needed
-            throw error; // Re-throw the original unknown error
+            const status = error instanceof ApiError ? error.status : 500;
+            const message = error instanceof Error ? error.message : 'Unknown error';
+            return {
+                ok: false,
+                status,
+                error: message
+            };
         }
     }
     // --- HTTP Method Shorthands ---
@@ -421,13 +426,14 @@ export class ApiClient {
      * @returns A Promise that resolves to a Blob containing the downloaded file.
      */
     async downloadWithProgress(endpoint, onProgress, options) {
-        const res = await this.request(endpoint, 'GET', undefined, {
-            ...options,
-            responseType: 'raw'
-        });
-        const contentLengthHeader = res.headers.get('Content-Length');
+        const res = await this.request(endpoint, 'GET', undefined, { ...options, responseType: 'raw' });
+        if (!res.ok || !res.data) {
+            throw new Error(`Download failed: ${res.error ?? 'Unknown error'}`);
+        }
+        const response = res.data; // This is the raw Response object
+        const contentLengthHeader = response.headers.get('Content-Length');
         const contentLength = contentLengthHeader ? parseInt(contentLengthHeader, 10) : 0;
-        const reader = res.body?.getReader();
+        const reader = response.body?.getReader();
         if (!reader)
             throw new Error('Failed to get reader from response body.');
         const chunks = [];

package/package.json

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