@vesperjs/vue 0.3.2 → 0.4.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import { BackendErrorInfo, BackendErrorResource, ErrorMessages, ErrorsResource, Flash, UseFlashType, useDate, useEntity, useExternalErrors, useFlash } from "@vesperjs/shared";
 import { Ref, WritableComputedRef } from "@vue/reactivity";
-import { FetchError, FetchOptions, FetchResponse } from "ofetch";
+import { FetchContext, FetchError, FetchOptions, FetchResponse } from "ofetch";
 import * as _$vue_i18n0 from "vue-i18n";
 import * as _$vue from "vue";
 import * as _$_nanostores_router0 from "@nanostores/router";
@@ -23,7 +23,12 @@ type SearchParams = Record<string, any>;
 interface QueryAPIOptions {
   query?: SearchParams;
   token?: string | null | undefined;
+  baseURL?: string | null | undefined;
   signal?: AbortSignal;
+  retry?: number | false;
+  retryDelay?: number | ((context: FetchContext<any, 'json'>) => number);
+  retryStatusCodes?: number[];
+  timeout?: number;
   onRequestError?: ({
     error
   }: {
@@ -49,6 +54,11 @@ interface MutationAPIOptions {
   method: 'post' | 'put' | 'delete';
   body?: Record<string, any> | FormData;
   token?: string | null;
+  baseURL?: string | null;
+  retry?: number | false;
+  retryDelay?: number | ((context: FetchContext<any, 'json'>) => number);
+  retryStatusCodes?: number[];
+  timeout?: number;
   onRequestError?: ({
     error
   }: {
@@ -64,6 +74,11 @@ declare const useMutationApi: <T = unknown, E = any>(url: string, {
   method,
   body,
   token,
+  baseURL,
+  retry,
+  retryDelay,
+  retryStatusCodes,
+  timeout,
   onRequestError,
   onResponseError
 }: MutationAPIOptions) => Promise<{

package/dist/index.mjs

@@ -88,12 +88,12 @@ const useHttpHeaders = function() {
 //#region src/composables/backend/api/use-query-api.ts
 const useQueryApi = async function(url, options) {
 	const { commonHeaders } = useHttpHeaders();
-	const { baseURL } = useApiConstants();
+	const { baseURL: baseUrl } = useApiConstants();
 	const tokenRef = ref();
 	const headers = commonHeaders.value;
 	if (options?.token) headers.Authorization = `Bearer ${options.token}`;
 	const getOptions = {
-		baseURL: baseURL.value,
+		baseURL: options?.baseURL ?? baseUrl.value,
 		method: "get",
 		query: options?.query ?? {},
 		headers,
@@ -101,6 +101,10 @@ const useQueryApi = async function(url, options) {
 			tokenRef.value = response.headers.get("Authorization")?.split(" ")[1] ?? options?.token;
 		}
 	};
+	if (options?.retry) getOptions.retry = options.retry;
+	if (options?.retryDelay) getOptions.retryDelay = options.retryDelay;
+	if (options?.retryStatusCodes) getOptions.retryStatusCodes = options.retryStatusCodes;
+	if (options?.timeout) getOptions.timeout = options.timeout;
 	if (options?.signal) getOptions.signal = options.signal;
 	if (options?.onRequestError) getOptions.onRequestError = options.onRequestError;
 	if (options?.onResponseError) getOptions.onResponseError = options.onResponseError;
@@ -114,20 +118,21 @@ const useQueryApi = async function(url, options) {
 };
 //#endregion
 //#region src/composables/backend/api/use-mutation-api.ts
-const useMutationApi = async function(url, { method, body = {}, token = null, onRequestError, onResponseError }) {
+const useMutationApi = async function(url, { method, body = {}, token = null, baseURL = null, retry, retryDelay, retryStatusCodes, timeout, onRequestError, onResponseError }) {
 	const { commonHeaders } = useHttpHeaders();
-	const { baseURL } = useApiConstants();
+	const { baseURL: baseUrl } = useApiConstants();
 	const headers = commonHeaders.value;
 	const tokenRef = ref();
-	if (token) {
-		headers.Authorization = `Bearer ${token}`;
-		tokenRef.value = token;
-	}
+	if (token) headers.Authorization = `Bearer ${token}`;
 	const options = {
-		baseURL: baseURL.value,
+		baseURL: baseURL ?? baseUrl.value,
 		headers,
 		method
 	};
+	if (retry) options.retry = retry;
+	if (retryDelay) options.retryDelay = retryDelay;
+	if (retryStatusCodes) options.retryStatusCodes = retryStatusCodes;
+	if (timeout) options.timeout = timeout;
 	if (onRequestError) options.onRequestError = onRequestError;
 	if (onResponseError) options.onResponseError = onResponseError;
 	if (method == "post" || method == "put") options.body = body;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vesperjs/vue",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "keywords": [
     "vue.js"
   ],
@@ -22,7 +22,7 @@
     "@formkit/tempo": "^1.0.0",
     "@nanostores/persistent": "^1.3.4",
     "@nanostores/router": "^1.0.0",
-    "@vesperjs/shared": "0.3.2",
+    "@vesperjs/shared": "0.4.0",
     "nanostores": "^1.3.0",
     "ofetch": "^1.5.1",
     "undici": "^8.1.0",
@@ -30,15 +30,12 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "@typescript-eslint/eslint-plugin": "^8.59.0",
-    "@typescript-eslint/parser": "^8.59.0",
-    "@typescript-eslint/project-service": "^8.59.0",
-    "@typescript-eslint/typescript-estree": "^8.59.0",
-    "@typescript-eslint/utils": "^8.59.0",
+    "@typescript-eslint/eslint-plugin": "^8.59.1",
+    "@typescript-eslint/parser": "^8.59.1",
     "@vue/eslint-config-typescript": "^14.7.0",
     "eslint": "^10.2.1",
     "eslint-plugin-vue": "^10.9.0",
-    "oxfmt": "^0.46.0",
+    "oxfmt": "^0.47.0",
     "tsdown": "^0.21.10",
     "typescript": "^6.0.3"
   },