@hashrytech/quick-components-kit 0.12.4 → 0.12.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.12.6
+
+### Patch Changes
+
+- fix: api-client and prodlem-details
+
+## 0.12.5
+
+### Patch Changes
+
+- fix: returning a 503 instead of 0 on fetch failed
+
 ## 0.12.4
 
 ### Patch Changes

package/dist/components/modal/Modal.svelte

@@ -1,9 +1,7 @@
 <script lang="ts" module>    
-	  import { onDestroy, onMount, type Snippet } from 'svelte';
-    import type { ClassNameValue } from 'tailwind-merge';
-    import { fade } from 'svelte/transition';
+	  import { type Snippet } from 'svelte';
+    import type { ClassNameValue } from 'tailwind-merge';    
     import {twMerge} from 'tailwind-merge';
-	  import { browser } from '$app/environment';
 	  import Overlay from '../overlay/Overlay.svelte';
 	  import { onKeydown } from '../../actions/on-keydown.js';
     

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

@@ -1,3 +1,4 @@
+import { type ProblemDetail } from "./problem-details";
 /**
  * @file This module defines a generic REST API client for SvelteKit applications.
  * It provides methods for standard HTTP operations (GET, POST, PUT, PATCH, DELETE),
@@ -12,7 +13,7 @@ export type ApiResponse<T> = {
     ok: boolean;
     status: number;
     data?: T;
-    error?: string;
+    error?: ProblemDetail;
 };
 export interface ApiClientConfig {
     /** The base URL for your API (e.g., 'https://api.yourapi.com/v1'). */

package/dist/modules/api-client.js

@@ -1,4 +1,5 @@
 // src/lib/api/client.ts
+import { getProblemDetail } from "./problem-details";
 /**
  * Custom error class for API responses.
  * Provides access to the HTTP status code.
@@ -231,12 +232,13 @@ export class ApiClient {
         catch (error) {
             await this.handleError(error);
             const isApiError = error instanceof ApiError;
-            const status = isApiError ? error.status : 0; // 0 = network error or unknown
+            const status = isApiError ? error.status : 503; // // Service Unavailable fallback
             const message = error instanceof Error ? error.message : 'Unexpected error occurred';
+            const errorObj = getProblemDetail({ status, title: "Server fetch error", type: "/exceptions/fetch-error/", detail: "Error fetching data from API", error: { server: [message] } });
             return {
                 ok: false,
                 status,
-                error: message
+                error: errorObj
             };
         }
     }

package/dist/modules/problem-details.d.ts

@@ -28,4 +28,35 @@ export declare class ProblemDetailError extends Error {
      * @param type - A URI identifier for the problem type (default: "/exceptions/bad_request/").
      */
     constructor(field: string, field_error: string, status?: number, title?: string, type?: string);
+    /**
+     * Converts the ProblemDetailError instance into a plain dictionary object,
+     * suitable for serializing to JSON in HTTP responses (e.g., conforming to RFC 7807).
+     *
+     * @returns A plain object containing the structured error details.
+     */
+    toDict(): Record<string, string | string[] | number | Record<string, string[]>>;
 }
+export interface ProblemDetail {
+    status: number;
+    title: string;
+    detail: string;
+    type: string;
+    error?: Record<string, string | string[] | number | boolean>;
+    [key: string]: unknown | unknown[];
+}
+/**
+ * Constructs a structured problem detail object (RFC 7807-style),
+ * with support for arbitrary key-value pairs (e.g., field-level error messages).
+ *
+ * @param input - An object with optional status, title, detail, and type,
+ *                plus any additional field-specific errors as key-value strings.
+ *
+ * @returns A `ProblemDetail` object suitable for use in APIs.
+ */
+export declare function getProblemDetail(input: {
+    status?: number;
+    title?: string;
+    detail?: string;
+    type?: string;
+    [key: string]: string | number | undefined;
+}): ProblemDetail;

package/dist/modules/problem-details.js

@@ -37,4 +37,44 @@ export class ProblemDetailError extends Error {
             [field]: [field_error]
         };
     }
+    /**
+     * Converts the ProblemDetailError instance into a plain dictionary object,
+     * suitable for serializing to JSON in HTTP responses (e.g., conforming to RFC 7807).
+     *
+     * @returns A plain object containing the structured error details.
+     */
+    toDict() {
+        return {
+            // The HTTP status code associated with the error (e.g., 400, 404)
+            status: this.status,
+            // A short, human-readable summary of the problem
+            title: this.message,
+            // A URI identifier for the type of error
+            type: this.type,
+            // A detailed human-readable explanation of the error
+            detail: this.detail,
+            // Field-specific validation errors (uncomment if needed)
+            errors: this.errors
+        };
+    }
+}
+/**
+ * Constructs a structured problem detail object (RFC 7807-style),
+ * with support for arbitrary key-value pairs (e.g., field-level error messages).
+ *
+ * @param input - An object with optional status, title, detail, and type,
+ *                plus any additional field-specific errors as key-value strings.
+ *
+ * @returns A `ProblemDetail` object suitable for use in APIs.
+ */
+export function getProblemDetail(input) {
+    const { status = 400, title = "Bad Request", detail = "Your request contained invalid input.", type = "/exceptions/bad-request/", ...extraFields } = input;
+    const problem = { status, title, detail, type };
+    // Attach arbitrary string fields (e.g., email, password)
+    for (const [key, value] of Object.entries(extraFields)) {
+        if (typeof value === 'string' || typeof value === 'number') {
+            problem[key] = [value];
+        }
+    }
+    return problem;
 }

package/package.json

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