feat(int-1031): Add customFetch method to Storyblok class

- Add customFetch function with function signature and examples

README.md

@@ -261,6 +261,16 @@ window.storyblok.on('input', (event) => {
 
 The `customFetch` function is a custom implementation of the fetch API to be used alongside the client's calls. It is designed to handle different types of `BodyInit` in the `SbFetch` methods (`get`, `post`, `put`, `delete`).
 
+### Function Signature
+
+```typescript
+customFetch(
+	path: string,
+	fetchOptions?: RequestInit,
+	config?: ISbConfig,
+): Promise<ISbResponse | ISbError>
+```
+
 ### Examples
 
 Here's an example of how to use the `customFetch` function:
@@ -273,16 +283,27 @@ const client = new StoryblokClient({
 
 // GET request
 client
-	.customFetch(`spaces/${SPACE_ID}/stories`, { method: 'GET' })
+	.customFetch(
+		`spaces/${SPACE_ID}/stories`,
+		{ method: 'GET',
+			// ...other fetch options
+		},
+		{
+			timeout: 5000,
+		}
+	)
 	.then((response) => console.log(response))
 	.catch((error) => console.error(error))
 
 // POST request with JSON body
 client
-	.customFetch(`spaces/${SPACE_ID}/stories`, {
-		method: 'POST',
-		body: JSON.stringify({ key: 'value' }),
-	})
+	.customFetch(
+		`spaces/${SPACE_ID}/stories`,
+		{
+			method: 'POST',
+			body: JSON.stringify({ key: 'value' }),
+		}
+	)
 	.then((response) => console.log(response))
 	.catch((error) => console.error(error))
 ```

src/index.ts

@@ -20,6 +20,8 @@ import {
 	ThrottleFn,
 	IMemoryType,
 	ICacheProvider,
+	ISbResponse,
+	ISbError,
 } from './interfaces'
 
 let memory: Partial<IMemoryType> = {}
@@ -154,37 +156,45 @@ class Storyblok {
 		})
 	}
 
-	public customFetch(url: string, options: RequestInit) {
+	/**
+	 *
+	 * @param url string
+	 * @param options RequestInit
+	 * @param config ISbConfig
+	 * @returns Promise<ISbResponse | ISbError>
+	 *
+	 */
+	public customFetch(
+		url: string,
+		options: RequestInit,
+		config: ISbConfig
+	): Promise<ISbResponse | ISbError> {
 		// Create a new SbFetch instance with the custom fetch function
-		const customClient = new SbFetch({
+		const mergedConfig = {
 			baseURL: this.client.baseURL,
 			headers: this.client.headers,
-			fetch: (...args: [any]) => fetch(...args),
-		})
+			...config,
+		}
 
-		let method
-		let params
-		switch ((options.method || 'get').toLowerCase()) {
-			case 'get':
-				method = customClient.get.bind(customClient)
-				params = {} // GET requests typically don't have a body
-				break
-			case 'post':
-				method = customClient.post.bind(customClient)
-				params = JSON.parse(options.body as string)
-				break
-			case 'put':
-				method = customClient.put.bind(customClient)
-				params = JSON.parse(options.body as string)
-				break
-			case 'delete':
-				method = customClient.delete.bind(customClient)
-				params = JSON.parse(options.body as string)
-				break
-			default:
-				throw new Error(`Invalid method: ${options.method}`)
+		const customClient = new SbFetch(mergedConfig)
+
+		const methodType = (options.method || 'get').toLowerCase()
+
+		const methods: { [key: string]: (url: string, params: ISbStoriesParams) => Promise<ISbResponse | ISbError> } = {
+			get: customClient.get.bind(customClient),
+			post: customClient.post.bind(customClient),
+			put: customClient.put.bind(customClient),
+			delete: customClient.delete.bind(customClient),
+		};
+
+		if (!(methodType in methods)) {
+			throw new Error(`Invalid method: ${options.method}`)
 		}
 
+		const method = methods[methodType]
+		const params =
+			methodType === 'get' ? {} : JSON.parse(options.body as string)
+
 		return method(`/${url}`, params)
 	}