fix(react,vue,svelte): allow specifying other options (#129)

nmathew98 · Mar 6, 2024 · 0bc807a · 0bc807a
1 parent 4ead1a3
commit 0bc807a
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 3 deletions.
diff --git a/packages/react/src/use-monitored-fetch/index.ts b/packages/react/src/use-monitored-fetch/index.ts
@@ -1,5 +1,8 @@
 import React from "react";
-import { makeMonitoredFetch } from "@b.s/incremental";
+import {
+	makeMonitoredFetch,
+	type MakeMonitoredParameters,
+} from "@b.s/incremental";
 
 export const useMonitoredFetch = () => {
 	const [allFetchStatus, setAllFetchStatus] = React.useState(
@@ -10,10 +13,15 @@ export const useMonitoredFetch = () => {
 
 	const monitor = <F extends (...args: any[]) => Promise<any>>(
 		fetchFn: F,
+		options: Omit<
+			MakeMonitoredParameters<F>,
+			"onFetching" | "fetchFn"
+		> = Object.create(null),
 	) => {
 		const id = createId();
 
 		return makeMonitoredFetch({
+			...options,
 			fetchFn,
 			onFetching: isFetching =>
 				setAllFetchStatus(allFetchStatus => ({

diff --git a/packages/svelte/src/use-monitored-fetch/index.ts b/packages/svelte/src/use-monitored-fetch/index.ts
@@ -1,4 +1,7 @@
-import { makeMonitoredFetch } from "@b.s/incremental";
+import {
+	makeMonitoredFetch,
+	type MakeMonitoredParameters,
+} from "@b.s/incremental";
 import { derived, writable } from "svelte/store";
 
 export const useMonitoredFetch = () => {
@@ -8,10 +11,15 @@ export const useMonitoredFetch = () => {
 
 	const monitor = <F extends (...args: any[]) => Promise<any>>(
 		fetchFn: F,
+		options: Omit<
+			MakeMonitoredParameters<F>,
+			"fetchFn" | "onFetching"
+		> = Object.create(null),
 	) => {
 		const id = createId();
 
 		return makeMonitoredFetch({
+			...options,
 			fetchFn,
 			onFetching: isFetching =>
 				allFetchStatus.update(allFetchStatus => ({

diff --git a/packages/vue/src/use-monitored-fetch/index.ts b/packages/vue/src/use-monitored-fetch/index.ts
@@ -1,4 +1,7 @@
-import { makeMonitoredFetch } from "@b.s/incremental";
+import {
+	makeMonitoredFetch,
+	type MakeMonitoredParameters,
+} from "@b.s/incremental";
 import { computed, ref } from "vue";
 
 export const useMonitoredFetch = () => {
@@ -8,10 +11,15 @@ export const useMonitoredFetch = () => {
 
 	const monitor = <F extends (...args: any[]) => Promise<any>>(
 		fetchFn: F,
+		options: Omit<
+			MakeMonitoredParameters<F>,
+			"onFetching" | "fetchFn"
+		> = Object.create(null),
 	) => {
 		const id = createId();
 
 		return makeMonitoredFetch({
+			...options,
 			fetchFn,
 			onFetching: isFetching => {
 				allFetchStatus.value = {