@ametie/vue-muza-use 1.2.0 → 1.2.1

package/dist/index.cjs

@@ -1,58 +1,5 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  AuthEventType: () => AuthEventType,
-  clearAllCache: () => clearAllCache,
-  createApi: () => createApi,
-  createApiClient: () => createApiClient,
-  invalidateCache: () => invalidateCache,
-  setAuthMonitor: () => setAuthMonitor,
-  setupInterceptors: () => setupInterceptors,
-  tokenManager: () => tokenManager,
-  useAbortController: () => useAbortController,
-  useApi: () => useApi,
-  useApiBatch: () => useApiBatch,
-  useApiConfig: () => useApiConfig,
-  useApiDelete: () => useApiDelete,
-  useApiGet: () => useApiGet,
-  useApiPatch: () => useApiPatch,
-  useApiPost: () => useApiPost,
-  useApiPut: () => useApiPut,
-  useApiState: () => useApiState
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/plugin.ts
-var import_vue = require("vue");
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2;// src/plugin.ts
+var _vue = require('vue');
 
 // src/devtools.ts
 var bridge = null;
@@ -64,11 +11,11 @@ function nextRequestId() {
 async function initDevtools(options, app) {
   if (!options.enabled) return;
   try {
-    const { createBridge } = await import("@ametie/vue-muza-devtools");
+    const { createBridge } = await Promise.resolve().then(() => _interopRequireWildcard(require("@ametie/vue-muza-devtools")));
     bridge = createBridge(options, app);
     for (const fn of pendingCalls) fn();
     pendingCalls.length = 0;
-  } catch {
+  } catch (e) {
     console.warn("[vue-muza-use] devtools enabled but @ametie/vue-muza-devtools is not installed");
   }
 }
@@ -77,20 +24,20 @@ var devtoolsBridge = {
     if (bridge) {
       bridge.onInstanceCreated(id, url, options);
     } else {
-      pendingCalls.push(() => bridge?.onInstanceCreated(id, url, options));
+      pendingCalls.push(() => _optionalChain([bridge, 'optionalAccess', _ => _.onInstanceCreated, 'call', _2 => _2(id, url, options)]));
     }
   },
   onInstanceDestroyed(id) {
-    bridge?.onInstanceDestroyed(id);
+    _optionalChain([bridge, 'optionalAccess', _3 => _3.onInstanceDestroyed, 'call', _4 => _4(id)]);
   },
   onStateUpdate(id, state) {
-    bridge?.onStateUpdate(id, state);
+    _optionalChain([bridge, 'optionalAccess', _5 => _5.onStateUpdate, 'call', _6 => _6(id, state)]);
   },
   onRequestStart(record) {
-    bridge?.onRequestStart(record);
+    _optionalChain([bridge, 'optionalAccess', _7 => _7.onRequestStart, 'call', _8 => _8(record)]);
   },
   onRequestEnd(id, result) {
-    bridge?.onRequestEnd(id, result);
+    _optionalChain([bridge, 'optionalAccess', _9 => _9.onRequestEnd, 'call', _10 => _10(id, result)]);
   }
 };
 
@@ -112,7 +59,7 @@ function useApiConfig() {
   if (globalConfig) {
     return globalConfig;
   }
-  const config = (0, import_vue.inject)(API_INJECTION_KEY, null);
+  const config = _vue.inject.call(void 0, API_INJECTION_KEY, null);
   if (!config) {
     throw new Error(
       "API plugin not installed!\n\nMake sure you have called app.use(createApi(...)) in your main.ts:\n\nimport { createApi, createApiClient } from '@ametie/vue-muza-use'\n\nconst api = createApiClient({ baseURL: '...' })\n\napp.use(createApi({\n  axios: api,\n  onError: (error) => console.error(error)\n}))"
@@ -122,13 +69,13 @@ function useApiConfig() {
 }
 
 // src/utils/debounce.ts
-var DebounceCancelledError = class extends Error {
-  isDebounceCancelled = true;
+var DebounceCancelledError = (_class = class extends Error {
+  __init() {this.isDebounceCancelled = true}
   constructor() {
-    super("Debounced call was superseded by a newer call");
+    super("Debounced call was superseded by a newer call");_class.prototype.__init.call(this);;
     this.name = "DebounceCancelledError";
   }
-};
+}, _class);
 function debounceFn(fn, delay) {
   let timeoutId = null;
   let pendingReject = null;
@@ -168,22 +115,22 @@ function parseUrlQueryParams(url) {
 }
 
 // src/useApi.ts
-var import_axios2 = require("axios");
-var import_vue5 = require("vue");
+var _axios = require('axios'); var _axios2 = _interopRequireDefault(_axios);
+
 
 // src/utils/errorParser.ts
-var import_axios = require("axios");
+
 function parseApiError(error) {
-  if ((0, import_axios.isAxiosError)(error)) {
+  if (_axios.isAxiosError.call(void 0, error)) {
     const axiosError = error;
     if (axiosError.response) {
       const { data, status } = axiosError.response;
-      const message = data?.message || data?.error || axiosError.message || "Unknown Error";
+      const message = _optionalChain([data, 'optionalAccess', _11 => _11.message]) || _optionalChain([data, 'optionalAccess', _12 => _12.error]) || axiosError.message || "Unknown Error";
       return {
         message,
         status,
-        code: data?.code,
-        errors: data?.errors,
+        code: _optionalChain([data, 'optionalAccess', _13 => _13.code]),
+        errors: _optionalChain([data, 'optionalAccess', _14 => _14.errors]),
         details: data
       };
     }
@@ -195,14 +142,14 @@ function parseApiError(error) {
 }
 
 // src/composables/useApiState.ts
-var import_vue2 = require("vue");
+
 function useApiState(initialData = null, options = {}) {
   const { initialLoading = false } = options;
-  const data = (0, import_vue2.ref)(initialData);
-  const loading = (0, import_vue2.ref)(initialLoading);
-  const error = (0, import_vue2.ref)(null);
-  const statusCode = (0, import_vue2.ref)(null);
-  const response = (0, import_vue2.ref)(null);
+  const data = _vue.ref.call(void 0, initialData);
+  const loading = _vue.ref.call(void 0, initialLoading);
+  const error = _vue.ref.call(void 0, null);
+  const statusCode = _vue.ref.call(void 0, null);
+  const response = _vue.ref.call(void 0, null);
   const mutate = (newDataOrUpdater, fullResponse) => {
     if (typeof newDataOrUpdater === "function") {
       const updater = newDataOrUpdater;
@@ -246,11 +193,11 @@ function useApiState(initialData = null, options = {}) {
 }
 
 // src/composables/useAbortController.ts
-var import_vue3 = require("vue");
+
 var abortController = new AbortController();
-var abortCount = (0, import_vue3.ref)(0);
+var abortCount = _vue.ref.call(void 0, 0);
 function useAbortController() {
-  const signal = (0, import_vue3.readonly)((0, import_vue3.ref)(abortController.signal));
+  const signal = _vue.readonly.call(void 0, _vue.ref.call(void 0, abortController.signal));
   const abort = () => {
     abortCount.value++;
     abortController.abort();
@@ -267,7 +214,7 @@ function useAbortController() {
     abort,
     getSignal,
     isAbortError,
-    abortCount: (0, import_vue3.readonly)(abortCount)
+    abortCount: _vue.readonly.call(void 0, abortCount)
   };
 }
 
@@ -296,7 +243,7 @@ function clearAllCache() {
 }
 
 // src/composables/useRefetchTriggers.ts
-var import_vue4 = require("vue");
+
 var DEFAULT_FOCUS_THROTTLE = 6e4;
 function useRefetchTriggers({
   refetchOnFocus,
@@ -309,7 +256,7 @@ function useRefetchTriggers({
     lastFetchedAt = Date.now();
   };
   if (refetchOnFocus && typeof document !== "undefined") {
-    const throttle = typeof refetchOnFocus === "object" ? refetchOnFocus.throttle ?? DEFAULT_FOCUS_THROTTLE : DEFAULT_FOCUS_THROTTLE;
+    const throttle = typeof refetchOnFocus === "object" ? _nullishCoalesce(refetchOnFocus.throttle, () => ( DEFAULT_FOCUS_THROTTLE)) : DEFAULT_FOCUS_THROTTLE;
     const handleFocus = () => {
       if (document.hidden) return;
       if (loading.value) return;
@@ -317,8 +264,8 @@ function useRefetchTriggers({
       onTrigger();
     };
     document.addEventListener("visibilitychange", handleFocus);
-    if ((0, import_vue4.getCurrentScope)()) {
-      (0, import_vue4.onScopeDispose)(() => document.removeEventListener("visibilitychange", handleFocus));
+    if (_vue.getCurrentScope.call(void 0, )) {
+      _vue.onScopeDispose.call(void 0, () => document.removeEventListener("visibilitychange", handleFocus));
     }
   }
   if (refetchOnReconnect && typeof window !== "undefined") {
@@ -327,8 +274,8 @@ function useRefetchTriggers({
       onTrigger();
     };
     window.addEventListener("online", handleReconnect);
-    if ((0, import_vue4.getCurrentScope)()) {
-      (0, import_vue4.onScopeDispose)(() => window.removeEventListener("online", handleReconnect));
+    if (_vue.getCurrentScope.call(void 0, )) {
+      _vue.onScopeDispose.call(void 0, () => window.removeEventListener("online", handleReconnect));
     }
   }
   return { notifyFetched };
@@ -341,7 +288,7 @@ function normalizeCacheOptions(cache) {
   if (typeof cache === "string") {
     return { id: cache, staleTime: DEFAULT_STALE_TIME, swr: false };
   }
-  return { id: cache.id, staleTime: cache.staleTime ?? DEFAULT_STALE_TIME, swr: cache.swr ?? false };
+  return { id: cache.id, staleTime: _nullishCoalesce(cache.staleTime, () => ( DEFAULT_STALE_TIME)), swr: _nullishCoalesce(cache.swr, () => ( false)) };
 }
 function cancellableSleep(ms, signal) {
   return new Promise((resolve) => {
@@ -374,11 +321,11 @@ function useApi(url, options = {}) {
     initialData = null,
     debounce = 0,
     skipErrorNotification = false,
-    retry = globalOptions?.retry ?? false,
-    retryDelay = globalOptions?.retryDelay ?? 1e3,
-    retryStatusCodes = globalOptions?.retryStatusCodes ?? DEFAULT_RETRY_STATUS_CODES,
+    retry = _nullishCoalesce(_optionalChain([globalOptions, 'optionalAccess', _15 => _15.retry]), () => ( false)),
+    retryDelay = _nullishCoalesce(_optionalChain([globalOptions, 'optionalAccess', _16 => _16.retryDelay]), () => ( 1e3)),
+    retryStatusCodes = _nullishCoalesce(_optionalChain([globalOptions, 'optionalAccess', _17 => _17.retryStatusCodes]), () => ( DEFAULT_RETRY_STATUS_CODES)),
     authMode = "default",
-    useGlobalAbort = globalOptions?.useGlobalAbort ?? true,
+    useGlobalAbort = _nullishCoalesce(_optionalChain([globalOptions, 'optionalAccess', _18 => _18.useGlobalAbort]), () => ( true)),
     initialLoading = false,
     poll = 0,
     // Explicitly excluded from axiosConfig — these are useApi-only options
@@ -393,23 +340,23 @@ function useApi(url, options = {}) {
   } = options;
   const maxRetries = retry === false ? 0 : retry === true ? 3 : retry;
   const applySelect = (raw) => select ? select(raw) : raw;
-  const startLoading = initialLoading ?? immediate;
+  const startLoading = _nullishCoalesce(initialLoading, () => ( immediate));
   const state = useApiState(initialData, { initialLoading: startLoading });
-  const revalidating = (0, import_vue5.ref)(false);
-  const instanceId = (0, import_vue5.getCurrentInstance)() != null ? (0, import_vue5.useId)() : nextRequestId();
-  devtoolsBridge.onInstanceCreated(instanceId, (0, import_vue5.toValue)(url), {
-    authMode: options.authMode ?? "default",
+  const revalidating = _vue.ref.call(void 0, false);
+  const instanceId = _vue.getCurrentInstance.call(void 0, ) != null ? _vue.useId.call(void 0, ) : nextRequestId();
+  devtoolsBridge.onInstanceCreated(instanceId, _vue.toValue.call(void 0, url), {
+    authMode: _nullishCoalesce(options.authMode, () => ( "default")),
     cache: options.cache,
-    retry: options.retry ?? false,
+    retry: _nullishCoalesce(options.retry, () => ( false)),
     poll: (() => {
-      const v = (0, import_vue5.toValue)(options.poll);
+      const v = _vue.toValue.call(void 0, options.poll);
       return typeof v === "number" ? v : 0;
     })(),
-    immediate: options.immediate ?? false,
-    lazy: options.lazy ?? false
+    immediate: _nullishCoalesce(options.immediate, () => ( false)),
+    lazy: _nullishCoalesce(options.lazy, () => ( false))
   });
-  if ((0, import_vue5.getCurrentScope)()) {
-    (0, import_vue5.watch)(
+  if (_vue.getCurrentScope.call(void 0, )) {
+    _vue.watch.call(void 0, 
       () => ({
         loading: state.loading.value,
         error: state.error.value,
@@ -420,18 +367,18 @@ function useApi(url, options = {}) {
       { deep: true }
     );
   }
-  const abortController2 = (0, import_vue5.ref)(null);
+  const abortController2 = _vue.ref.call(void 0, null);
   const globalAbort = useGlobalAbort ? useAbortController() : null;
   let pollTimer = null;
   let notifyFetched = () => {
   };
   const getPollConfig = () => {
-    const val = (0, import_vue5.toValue)(poll);
+    const val = _vue.toValue.call(void 0, poll);
     if (typeof val === "number") return { interval: val, whenHidden: false };
     if (val && typeof val === "object") {
       return {
-        interval: (0, import_vue5.toValue)(val.interval),
-        whenHidden: (0, import_vue5.toValue)(val.whenHidden) ?? false
+        interval: _vue.toValue.call(void 0, val.interval),
+        whenHidden: _nullishCoalesce(_vue.toValue.call(void 0, val.whenHidden), () => ( false))
       };
     }
     return { interval: 0, whenHidden: false };
@@ -451,11 +398,11 @@ function useApi(url, options = {}) {
       }
     }
     if (pollTimer) clearTimeout(pollTimer);
-    const requestUrl = (0, import_vue5.toValue)(url);
+    const requestUrl = _vue.toValue.call(void 0, url);
     if (abortController2.value) abortController2.value.abort("Cancelled by new request");
     const controller = new AbortController();
     abortController2.value = controller;
-    if (config?.signal) {
+    if (_optionalChain([config, 'optionalAccess', _19 => _19.signal])) {
       const signal = config.signal;
       if (signal.aborted) {
         controller.abort(signal.reason);
@@ -478,7 +425,7 @@ function useApi(url, options = {}) {
       }
     }
     if (!isRevalidating) {
-      onBefore?.();
+      _optionalChain([onBefore, 'optionalCall', _20 => _20()]);
       state.setLoading(true);
     }
     state.setError(null);
@@ -491,11 +438,11 @@ function useApi(url, options = {}) {
       if (!requestUrl) {
         throw new Error("Request URL is missing");
       }
-      const rawData = config?.data !== void 0 ? config.data : axiosConfig.data;
-      const resolvedData = (0, import_vue5.toValue)(rawData);
-      const rawParams = config?.params !== void 0 ? config.params : axiosConfig.params;
-      const resolvedParams = (0, import_vue5.toValue)(rawParams);
-      const devtoolsQueryParams = resolvedParams ?? parseUrlQueryParams(requestUrl);
+      const rawData = _optionalChain([config, 'optionalAccess', _21 => _21.data]) !== void 0 ? config.data : axiosConfig.data;
+      const resolvedData = _vue.toValue.call(void 0, rawData);
+      const rawParams = _optionalChain([config, 'optionalAccess', _22 => _22.params]) !== void 0 ? config.params : axiosConfig.params;
+      const resolvedParams = _vue.toValue.call(void 0, rawParams);
+      const devtoolsQueryParams = _nullishCoalesce(resolvedParams, () => ( parseUrlQueryParams(requestUrl)));
       devtoolsRequestId = nextRequestId();
       devtoolsRequestStartedAt = Date.now();
       devtoolsBridge.onRequestStart({
@@ -507,7 +454,7 @@ function useApi(url, options = {}) {
         status: "pending",
         statusCode: null,
         requestHeaders: {},
-        payload: resolvedData ?? null,
+        payload: _nullishCoalesce(resolvedData, () => ( null)),
         queryParams: devtoolsQueryParams
       });
       while (true) {
@@ -520,7 +467,7 @@ function useApi(url, options = {}) {
             data: resolvedData,
             params: resolvedParams,
             signal: controller.signal,
-            ...{ authMode: config?.authMode || authMode }
+            ...{ authMode: _optionalChain([config, 'optionalAccess', _23 => _23.authMode]) || authMode }
           });
           const selected = applySelect(response.data);
           state.mutate(selected, response);
@@ -531,7 +478,7 @@ function useApi(url, options = {}) {
           if (options.invalidateCache) {
             invalidateCache(options.invalidateCache);
           }
-          onSuccess?.(response);
+          _optionalChain([onSuccess, 'optionalCall', _24 => _24(response)]);
           notifyFetched();
           devtoolsRequestEndResult = {
             status: "success",
@@ -541,7 +488,7 @@ function useApi(url, options = {}) {
           };
           return selected;
         } catch (err) {
-          if (controller.signal.aborted || (0, import_axios2.isAxiosError)(err) && err.code === "ERR_CANCELED") {
+          if (controller.signal.aborted || _axios.isAxiosError.call(void 0, err) && err.code === "ERR_CANCELED") {
             wasCancelled = true;
             return null;
           }
@@ -560,7 +507,7 @@ function useApi(url, options = {}) {
           devtoolsRequestEndResult = {
             status: "error",
             error: apiError,
-            statusCode: apiError.status ?? null,
+            statusCode: _nullishCoalesce(apiError.status, () => ( null)),
             duration: Date.now() - devtoolsRequestStartedAt
           };
           if (!skipErrorNotification && globalErrorHandler) {
@@ -568,12 +515,12 @@ function useApi(url, options = {}) {
           }
           state.setError(apiError);
           state.setStatusCode(apiError.status);
-          onError?.(apiError);
+          _optionalChain([onError, 'optionalCall', _25 => _25(apiError)]);
           return null;
         }
       }
     } catch (err) {
-      if (controller.signal.aborted || (0, import_axios2.isAxiosError)(err) && err.code === "ERR_CANCELED") {
+      if (controller.signal.aborted || _axios.isAxiosError.call(void 0, err) && err.code === "ERR_CANCELED") {
         wasCancelled = true;
         return null;
       }
@@ -589,20 +536,20 @@ function useApi(url, options = {}) {
       }
       state.setError(apiError);
       state.setStatusCode(apiError.status);
-      onError?.(apiError);
+      _optionalChain([onError, 'optionalCall', _26 => _26(apiError)]);
       return null;
     } finally {
       if (devtoolsRequestId !== null) {
         devtoolsBridge.onRequestEnd(
           devtoolsRequestId,
-          devtoolsRequestEndResult ?? { status: "aborted", duration: Date.now() - devtoolsRequestStartedAt }
+          _nullishCoalesce(devtoolsRequestEndResult, () => ( { status: "aborted", duration: Date.now() - devtoolsRequestStartedAt }))
         );
       }
       if (globalAbortHandler && subscribedSignal) subscribedSignal.removeEventListener("abort", globalAbortHandler);
       revalidating.value = false;
       if (!wasCancelled) {
         if (!isRevalidating) state.setLoading(false);
-        onFinish?.();
+        _optionalChain([onFinish, 'optionalCall', _27 => _27()]);
         const { interval, whenHidden } = getPollConfig();
         if (interval > 0) {
           const shouldPoll = whenHidden || typeof document !== "undefined" && !document.hidden;
@@ -626,7 +573,7 @@ function useApi(url, options = {}) {
   }) : executeRequest;
   const abort = (msg) => {
     if (pollTimer) clearTimeout(pollTimer);
-    abortController2.value?.abort(msg);
+    _optionalChain([abortController2, 'access', _28 => _28.value, 'optionalAccess', _29 => _29.abort, 'call', _30 => _30(msg)]);
     abortController2.value = null;
   };
   const reset = () => {
@@ -634,8 +581,8 @@ function useApi(url, options = {}) {
     state.reset();
     state.setLoading(false);
   };
-  const refetchOnFocus = _refetchOnFocus ?? globalOptions?.refetchOnFocus;
-  const refetchOnReconnect = _refetchOnReconnect ?? globalOptions?.refetchOnReconnect;
+  const refetchOnFocus = _nullishCoalesce(_refetchOnFocus, () => ( _optionalChain([globalOptions, 'optionalAccess', _31 => _31.refetchOnFocus])));
+  const refetchOnReconnect = _nullishCoalesce(_refetchOnReconnect, () => ( _optionalChain([globalOptions, 'optionalAccess', _32 => _32.refetchOnReconnect])));
   const { notifyFetched: _notifyFetched } = useRefetchTriggers({
     refetchOnFocus,
     refetchOnReconnect,
@@ -645,12 +592,12 @@ function useApi(url, options = {}) {
   notifyFetched = _notifyFetched;
   let trackingScope;
   const startAutoTracking = () => {
-    trackingScope = (0, import_vue5.effectScope)();
+    trackingScope = _vue.effectScope.call(void 0, );
     trackingScope.run(() => {
-      const urlComputed = (0, import_vue5.computed)(() => (0, import_vue5.toValue)(url));
-      const paramsComputed = (0, import_vue5.computed)(() => (0, import_vue5.toValue)(options.params));
-      const dataComputed = (0, import_vue5.computed)(() => (0, import_vue5.toValue)(options.data));
-      (0, import_vue5.watch)(
+      const urlComputed = _vue.computed.call(void 0, () => _vue.toValue.call(void 0, url));
+      const paramsComputed = _vue.computed.call(void 0, () => _vue.toValue.call(void 0, options.params));
+      const dataComputed = _vue.computed.call(void 0, () => _vue.toValue.call(void 0, options.data));
+      _vue.watch.call(void 0, 
         [urlComputed, paramsComputed, dataComputed],
         () => execute(),
         { flush: "pre", deep: true }
@@ -659,22 +606,22 @@ function useApi(url, options = {}) {
   };
   if (!lazy) {
     startAutoTracking();
-    if ((0, import_vue5.getCurrentScope)()) {
-      (0, import_vue5.onScopeDispose)(() => trackingScope.stop());
+    if (_vue.getCurrentScope.call(void 0, )) {
+      _vue.onScopeDispose.call(void 0, () => trackingScope.stop());
     }
   }
   const ignoreUpdates = (updater) => {
-    trackingScope?.pause();
+    _optionalChain([trackingScope, 'optionalAccess', _33 => _33.pause, 'call', _34 => _34()]);
     try {
       updater();
     } finally {
-      trackingScope?.resume();
-      trackingScope?.stop();
+      _optionalChain([trackingScope, 'optionalAccess', _35 => _35.resume, 'call', _36 => _36()]);
+      _optionalChain([trackingScope, 'optionalAccess', _37 => _37.stop, 'call', _38 => _38()]);
       if (!lazy) startAutoTracking();
     }
   };
-  if ((0, import_vue5.getCurrentScope)()) {
-    (0, import_vue5.onScopeDispose)(() => {
+  if (_vue.getCurrentScope.call(void 0, )) {
+    _vue.onScopeDispose.call(void 0, () => {
       abort("Scope disposed");
       devtoolsBridge.onInstanceDestroyed(instanceId);
     });
@@ -689,12 +636,12 @@ function useApi(url, options = {}) {
       }
     };
     document.addEventListener("visibilitychange", handleVisibility);
-    if ((0, import_vue5.getCurrentScope)()) {
-      (0, import_vue5.onScopeDispose)(() => document.removeEventListener("visibilitychange", handleVisibility));
+    if (_vue.getCurrentScope.call(void 0, )) {
+      _vue.onScopeDispose.call(void 0, () => document.removeEventListener("visibilitychange", handleVisibility));
     }
   }
   if (poll) {
-    (0, import_vue5.watch)(() => (0, import_vue5.toValue)(poll), () => {
+    _vue.watch.call(void 0, () => _vue.toValue.call(void 0, poll), () => {
       const { interval } = getPollConfig();
       if (interval > 0) {
         if (pollTimer) {
@@ -733,7 +680,7 @@ function useApiDelete(url, options) {
 }
 
 // src/useApiBatch.ts
-var import_vue6 = require("vue");
+
 function normalizeRequest(item) {
   if (typeof item === "string") return { url: item, method: "GET" };
   return { method: "GET", ...item };
@@ -753,30 +700,30 @@ function useApiBatch(requests, options = {}) {
     onProgress,
     ...apiOptions
   } = options;
-  const getRequests = () => (0, import_vue6.toValue)(requests).map(normalizeRequest);
-  const data = (0, import_vue6.ref)([]);
-  const loading = (0, import_vue6.ref)(false);
-  const error = (0, import_vue6.ref)(null);
-  const errors = (0, import_vue6.ref)([]);
-  const progress = (0, import_vue6.ref)({
+  const getRequests = () => _vue.toValue.call(void 0, requests).map(normalizeRequest);
+  const data = _vue.ref.call(void 0, []);
+  const loading = _vue.ref.call(void 0, false);
+  const error = _vue.ref.call(void 0, null);
+  const errors = _vue.ref.call(void 0, []);
+  const progress = _vue.ref.call(void 0, {
     completed: 0,
     total: 0,
     percentage: 0,
     succeeded: 0,
     failed: 0
   });
-  const successfulData = (0, import_vue6.computed)(
+  const successfulData = _vue.computed.call(void 0, 
     () => data.value.filter((item) => item.success && item.data !== null).map((item) => item.data)
   );
-  const abortControllers = (0, import_vue6.ref)([]);
+  const abortControllers = _vue.ref.call(void 0, []);
   let isAborted = false;
   let pollTimer = null;
   const getPollConfig = () => {
-    const val = (0, import_vue6.toValue)(poll);
+    const val = _vue.toValue.call(void 0, poll);
     if (typeof val === "number") return { interval: val, whenHidden: false };
     return {
-      interval: (0, import_vue6.toValue)(val.interval),
-      whenHidden: (0, import_vue6.toValue)(val.whenHidden) ?? false
+      interval: _vue.toValue.call(void 0, val.interval),
+      whenHidden: _nullishCoalesce(_vue.toValue.call(void 0, val.whenHidden), () => ( false))
     };
   };
   const updateProgress = (succeeded, failed, total) => {
@@ -789,10 +736,10 @@ function useApiBatch(requests, options = {}) {
       failed
     };
     progress.value = newProgress;
-    onProgress?.(newProgress);
+    _optionalChain([onProgress, 'optionalCall', _39 => _39(newProgress)]);
   };
   const executeRequest = async (config, index, signal) => {
-    const scope = (0, import_vue6.effectScope)();
+    const scope = _vue.effectScope.call(void 0, );
     const api = scope.run(() => useApi(config.url, {
       ...apiOptions,
       method: config.method,
@@ -823,16 +770,16 @@ function useApiBatch(requests, options = {}) {
         url: config.url,
         index,
         success: result !== null && result !== void 0,
-        data: result ?? null,
+        data: _nullishCoalesce(result, () => ( null)),
         error: reqError.value,
         statusCode: statusCode.value,
         response: response.value,
         request: config
       };
       if (item.success) {
-        onItemSuccess?.(item, index);
+        _optionalChain([onItemSuccess, 'optionalCall', _40 => _40(item, index)]);
       } else if (item.error) {
-        onItemError?.(item, index);
+        _optionalChain([onItemError, 'optionalCall', _41 => _41(item, index)]);
       }
       return item;
     } catch (err) {
@@ -851,7 +798,7 @@ function useApiBatch(requests, options = {}) {
         response: null,
         request: config
       };
-      onItemError?.(item, index);
+      _optionalChain([onItemError, 'optionalCall', _42 => _42(item, index)]);
       return item;
     } finally {
       scope.stop();
@@ -956,7 +903,7 @@ function useApiBatch(requests, options = {}) {
     } finally {
       loading.value = false;
       abortControllers.value = [];
-      onFinish?.(finalResults);
+      _optionalChain([onFinish, 'optionalCall', _43 => _43(finalResults)]);
       if (!isAborted) {
         const { interval, whenHidden } = getPollConfig();
         if (interval > 0) {
@@ -996,26 +943,26 @@ function useApiBatch(requests, options = {}) {
       failed: 0
     };
   };
-  if ((0, import_vue6.getCurrentScope)()) {
-    (0, import_vue6.onScopeDispose)(() => abort("Scope disposed"));
+  if (_vue.getCurrentScope.call(void 0, )) {
+    _vue.onScopeDispose.call(void 0, () => abort("Scope disposed"));
   }
   if (!lazy && typeof requests === "function") {
-    const trackingScope = (0, import_vue6.effectScope)();
+    const trackingScope = _vue.effectScope.call(void 0, );
     trackingScope.run(() => {
-      const requestsComputed = (0, import_vue6.computed)(
+      const requestsComputed = _vue.computed.call(void 0, 
         () => requests().map(normalizeRequest)
       );
-      (0, import_vue6.watch)(requestsComputed, () => {
+      _vue.watch.call(void 0, requestsComputed, () => {
         execute();
       }, { deep: true });
     });
-    if ((0, import_vue6.getCurrentScope)()) (0, import_vue6.onScopeDispose)(() => trackingScope.stop());
+    if (_vue.getCurrentScope.call(void 0, )) _vue.onScopeDispose.call(void 0, () => trackingScope.stop());
     execute();
   } else if (immediate) {
     execute();
   }
   if (watchSource) {
-    (0, import_vue6.watch)(watchSource, () => {
+    _vue.watch.call(void 0, watchSource, () => {
       execute();
     }, { deep: true });
   }
@@ -1033,7 +980,7 @@ function useApiBatch(requests, options = {}) {
 }
 
 // src/features/createInstance.ts
-var import_axios3 = __toESM(require("axios"), 1);
+
 
 // src/features/monitor.ts
 var AuthEventType = /* @__PURE__ */ ((AuthEventType2) => {
@@ -1044,7 +991,7 @@ var AuthEventType = /* @__PURE__ */ ((AuthEventType2) => {
   return AuthEventType2;
 })(AuthEventType || {});
 var defaultMonitor = (type, payload) => {
-  const isDev = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
+  const isDev = typeof process !== "undefined" && _optionalChain([process, 'access', _44 => _44.env, 'optionalAccess', _45 => _45.NODE_ENV]) === "development";
   if (isDev) {
     console.debug(`[AuthMonitor] ${type}`, payload);
   }
@@ -1063,9 +1010,9 @@ var ACCESS_TOKEN_KEY = "accessToken";
 var REFRESH_TOKEN_KEY = "refreshToken";
 var TOKEN_EXPIRES_KEY = "tokenExpiresAt";
 var LocalStorageTokenStorage = class {
-  storeRefreshToken;
+  
   constructor(options = {}) {
-    this.storeRefreshToken = options.storeRefreshToken ?? true;
+    this.storeRefreshToken = _nullishCoalesce(options.storeRefreshToken, () => ( true));
   }
   getAccessToken() {
     return localStorage.getItem(ACCESS_TOKEN_KEY);
@@ -1108,10 +1055,10 @@ var LocalStorageTokenStorage = class {
     return Date.now() >= expiresAt - 5e3;
   }
 };
-var TokenManager = class {
-  storage;
-  refreshPromise = null;
-  constructor(storage = new LocalStorageTokenStorage()) {
+var TokenManager = (_class2 = class {
+  
+  __init2() {this.refreshPromise = null}
+  constructor(storage = new LocalStorageTokenStorage()) {;_class2.prototype.__init2.call(this);
     this.storage = storage;
   }
   /**
@@ -1188,7 +1135,7 @@ var TokenManager = class {
   setStorage(storage) {
     this.storage = storage;
   }
-};
+}, _class2);
 var tokenManager = new TokenManager();
 
 // src/features/interceptors.ts
@@ -1230,17 +1177,17 @@ function setupInterceptors(axiosInstance, options = {}) {
     (response) => response,
     async (error) => {
       const originalRequest = error.config;
-      if (!originalRequest || error.response?.status !== 401 || originalRequest._retry) {
+      if (!originalRequest || _optionalChain([error, 'access', _46 => _46.response, 'optionalAccess', _47 => _47.status]) !== 401 || originalRequest._retry) {
         return Promise.reject(error);
       }
       if (originalRequest.authMode === "public" || originalRequest.authMode === "optional") {
         return Promise.reject(error);
       }
-      if (originalRequest.url?.includes(refreshUrl)) {
+      if (_optionalChain([originalRequest, 'access', _48 => _48.url, 'optionalAccess', _49 => _49.includes, 'call', _50 => _50(refreshUrl)])) {
         isRefreshing = false;
         processQueue(error, null);
         tokenManager.clearTokens();
-        onTokenRefreshFailed?.();
+        _optionalChain([onTokenRefreshFailed, 'optionalCall', _51 => _51()]);
         return Promise.reject(error);
       }
       if (isRefreshing) {
@@ -1298,7 +1245,7 @@ function setupInterceptors(axiosInstance, options = {}) {
         trackAuthEvent("AUTH_REFRESH_ERROR" /* REFRESH_ERROR */, { error: refreshError });
         processQueue(refreshError, null);
         tokenManager.clearTokens();
-        onTokenRefreshFailed?.();
+        _optionalChain([onTokenRefreshFailed, 'optionalCall', _52 => _52()]);
         return Promise.reject(refreshError);
       } finally {
         isRefreshing = false;
@@ -1314,9 +1261,9 @@ function createApiClient(options = {}) {
     authOptions,
     ...axiosConfig
   } = options;
-  const storeRefreshToken = !authOptions?.refreshWithCredentials;
+  const storeRefreshToken = !_optionalChain([authOptions, 'optionalAccess', _53 => _53.refreshWithCredentials]);
   tokenManager.setStorage(new LocalStorageTokenStorage({ storeRefreshToken }));
-  const instance = import_axios3.default.create({
+  const instance = _axios2.default.create({
     timeout: 6e4,
     headers: { "Content-Type": "application/json" },
     ...axiosConfig
@@ -1326,24 +1273,23 @@ function createApiClient(options = {}) {
   }
   return instance;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AuthEventType,
-  clearAllCache,
-  createApi,
-  createApiClient,
-  invalidateCache,
-  setAuthMonitor,
-  setupInterceptors,
-  tokenManager,
-  useAbortController,
-  useApi,
-  useApiBatch,
-  useApiConfig,
-  useApiDelete,
-  useApiGet,
-  useApiPatch,
-  useApiPost,
-  useApiPut,
-  useApiState
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AuthEventType = AuthEventType; exports.clearAllCache = clearAllCache; exports.createApi = createApi; exports.createApiClient = createApiClient; exports.invalidateCache = invalidateCache; exports.setAuthMonitor = setAuthMonitor; exports.setupInterceptors = setupInterceptors; exports.tokenManager = tokenManager; exports.useAbortController = useAbortController; exports.useApi = useApi; exports.useApiBatch = useApiBatch; exports.useApiConfig = useApiConfig; exports.useApiDelete = useApiDelete; exports.useApiGet = useApiGet; exports.useApiPatch = useApiPatch; exports.useApiPost = useApiPost; exports.useApiPut = useApiPut; exports.useApiState = useApiState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ametie/vue-muza-use",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Powerful Vue 3 API composable (Muza) with Axios, Auto-Refresh & TypeScript",
   "author": "MortyQ",
   "license": "MIT",
@@ -48,6 +48,9 @@
     "test": "vitest",
     "dev": "tsup --watch"
   },
+  "dependencies": {
+    "@ametie/vue-muza-devtools": "workspace:*"
+  },
   "peerDependencies": {
     "axios": "^1.0.0",
     "vue": "^3.5.0"