@zayne-labs/callapi 1.11.9 → 1.11.11

package/README.md

@@ -59,8 +59,8 @@ const { data } = await callApi("/api/data"); // JSON? Parsed.
 const { data, error } = await callApi("/api/users");
 
 if (error) {
-	console.log(error.name); // "HTTPError", "ValidationError"
-	console.log(error.errorData); // Actual API response
+ console.log(error.name); // "HTTPError", "ValidationError"
+ console.log(error.errorData); // Actual API response
 }
 ```
 
@@ -68,9 +68,9 @@ if (error) {
 
 ```js
 await callApi("/api/data", {
-	retryAttempts: 3,
-	retryStrategy: "exponential",
-	retryStatusCodes: [429, 500, 502, 503],
+ retryAttempts: 3,
+ retryStrategy: "exponential",
+ retryStatusCodes: [429, 500, 502, 503],
 });
 ```
 
@@ -82,32 +82,35 @@ import { createFetchClient } from "@zayne-labs/callapi";
 import { defineSchema } from "@zayne-labs/callapi/utils";
 
 const callMainApi = createFetchClient({
-	schema: defineSchema({
-		"/users/:id": {
-			data: z.object({
-				id: z.number(),
-				name: z.string(),
-			}),
-		},
-	}),
+ schema: defineSchema({
+  "/users/:id": {
+   data: z.object({
+    id: z.number(),
+    name: z.string(),
+   }),
+  },
+ }),
 });
 
-const user = await callMainApi("/users/123"); // Fully typed + validated
+// Fully typed + validated
+const user = await callMainApi("/users/:id", {
+ params: { id: 123 },
+});
 ```
 
 **Hooks** - Intercept at any point.
 
 ```js
 const api = createFetchClient({
-	onRequest: ({ request }) => {
-		request.headers.set("Authorization", `Bearer ${token}`);
-	},
-	onError: ({ error }) => {
-		Sentry.captureException(error);
-	},
-	onResponseStream: ({ event }) => {
-		console.log(`Downloaded ${event.progress}%`);
-	},
+ onRequest: ({ request }) => {
+  request.headers.set("Authorization", `Bearer ${token}`);
+ },
+ onError: ({ error }) => {
+  Sentry.captureException(error);
+ },
+ onResponseStream: ({ event }) => {
+  console.log(`Downloaded ${event.progress}%`);
+ },
 });
 ```
 
@@ -115,38 +118,38 @@ const api = createFetchClient({
 
 ```js
 const metricsPlugin = definePlugin({
-	id: "metrics",
-	name: "Metrics Plugin",
-
-	setup: ({ options }) => ({
-		options: {
-			...options,
-			meta: { startTime: Date.now() },
-		},
-	}),
-
-	hooks: {
-		onSuccess: ({ options }) => {
-			const duration = Date.now() - options.meta.startTime;
-
-			console.info(`Request took ${duration}ms`);
-		},
-	},
-
-	middlewares: {
-		fetchMiddleware: (ctx) => async (input, init) => {
-			console.info("→", input);
-
-			const response = await ctx.fetchImpl(input, init);
-
-			console.info("←", response.status);
-			return response;
-		},
-	},
+ id: "metrics",
+ name: "Metrics Plugin",
+
+ setup: ({ options }) => ({
+  options: {
+   ...options,
+   meta: { startTime: Date.now() },
+  },
+ }),
+
+ hooks: {
+  onSuccess: ({ options }) => {
+   const duration = Date.now() - options.meta.startTime;
+
+   console.info(`Request took ${duration}ms`);
+  },
+ },
+
+ middlewares: {
+  fetchMiddleware: (ctx) => async (input, init) => {
+   console.info("→", input);
+
+   const response = await ctx.fetchImpl(input, init);
+
+   console.info("←", response.status);
+   return response;
+  },
+ },
 });
 
 const api = createFetchClient({
-	plugins: [metricsPlugin],
+ plugins: [metricsPlugin],
 });
 ```
 
@@ -174,10 +177,10 @@ const { data } = await callApi("/api/users");
 
 // Configured
 const api = createFetchClient({
-	baseURL: "https://api.example.com",
-	retryAttempts: 2,
-	timeout: 10000,
-	onError: ({ error }) => trackError(error),
+ baseURL: "https://api.example.com",
+ retryAttempts: 2,
+ timeout: 10000,
+ onError: ({ error }) => trackError(error),
 });
 ```
 
@@ -185,7 +188,7 @@ const api = createFetchClient({
 
 ```html
 <script type="module">
-	import { callApi } from "https://esm.run/@zayne-labs/callapi";
+ import { callApi } from "https://esm.run/@zayne-labs/callapi";
 </script>
 ```