@tb-dev/vue 3.1.2 → 3.2.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 Andrew Ferreira <andrew.shien2@gmail.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 Andrew Ferreira <andrew.shien2@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './composables';
 export * from './utils';
 export type * from './types';
+export * from './composables';

package/dist/index.js

@@ -1,9 +1,71 @@
-import { toRef, inject as inject$1, ref, readonly, computed, effectScope, toValue } from 'vue';
-import { watchImmediate, useAsyncState, useLocalStorage, tryOnScopeDispose, onKeyStroke, useSessionStorage, computedAsync, useWindowSize, useElementSize as useElementSize$1 } from '@vueuse/core';
-export { useWindowSize } from '@vueuse/core';
-import { Mutex } from 'es-toolkit';
-import { unwrap, isNil } from '@tb-dev/utils';
-
+import { unwrap, isNil } from "@tb-dev/utils";
+import { inject as inject$1, toValue, toRef, ref, readonly, computed, effectScope } from "vue";
+import { watchImmediate, useAsyncState, useLocalStorage, tryOnScopeDispose, onKeyStroke, useSessionStorage, computedAsync, useWindowSize, useElementSize as useElementSize$1 } from "@vueuse/core";
+import { useWindowSize as useWindowSize2 } from "@vueuse/core";
+import { Mutex } from "es-toolkit";
+function getCurrentApp() {
+  return unwrap(globalThis.__VUEUTILS__.app, "No active app");
+}
+function setCurrentApp(app) {
+  globalThis.__VUEUTILS__.app = app;
+}
+function tryGetCurrentApp() {
+  return globalThis.__VUEUTILS__.app;
+}
+function trySetCurrentApp(app) {
+  globalThis.__VUEUTILS__.app ??= app;
+}
+function runWithContext(fn) {
+  return getCurrentApp().runWithContext(fn);
+}
+function provide(key, value) {
+  getCurrentApp().provide(key, value);
+}
+function inject(key) {
+  const value = tryInject(key);
+  if (typeof value === "undefined") {
+    throw new TypeError("Injection failed: value not provided");
+  }
+  return value;
+}
+function tryInject(key) {
+  return runWithContext(() => inject$1(key));
+}
+function tryInjectOrElse(key, fn) {
+  let value = tryInject(key);
+  if (typeof value === "undefined") {
+    value = fn();
+    provide(key, value);
+  }
+  return value;
+}
+function getErrorHandler() {
+  return globalThis.__VUEUTILS__.errorHandler;
+}
+function setErrorHandler(fn, app = true) {
+  globalThis.__VUEUTILS__.errorHandler = fn;
+  if (app) {
+    if (app === true) {
+      app = getCurrentApp();
+    } else {
+      trySetCurrentApp(app);
+    }
+    app.config.errorHandler = (err) => {
+      handleError(err, true);
+    };
+  }
+}
+function handleError(err, rethrow = true) {
+  if (globalThis.__VUEUTILS__.errorHandler) {
+    void Promise.try(globalThis.__VUEUTILS__.errorHandler, err);
+  } else if (rethrow) {
+    throw err;
+  }
+}
+function maybe(value, fn) {
+  const _value = toValue(value);
+  return isNil(_value) ? null : fn(_value);
+}
 const console = {
   assert,
   debug,
@@ -36,85 +98,6 @@ function trace(source) {
 function warn(source) {
   return watchImmediate(toRef(source), (value) => globalThis.console.warn(value));
 }
-
-function create$1() {
-  let APP = null;
-  function get() {
-    return unwrap(APP, "no active app");
-  }
-  function tryGet() {
-    return APP;
-  }
-  function set(app) {
-    APP = app;
-  }
-  function trySet(app) {
-    APP ??= app;
-  }
-  return { get, set, tryGet, trySet };
-}
-const {
-  get: getCurrentApp,
-  set: setCurrentApp,
-  tryGet: tryGetCurrentApp,
-  trySet: trySetCurrentApp
-} = create$1();
-function runWithContext(fn) {
-  return getCurrentApp().runWithContext(fn);
-}
-function provide(key, value) {
-  getCurrentApp().provide(key, value);
-}
-function inject(key) {
-  const value = tryInject(key);
-  if (typeof value === "undefined") {
-    throw new TypeError("injection failed: value not provided");
-  }
-  return value;
-}
-function tryInject(key) {
-  return runWithContext(() => inject$1(key));
-}
-function tryInjectOrElse(key, fn) {
-  let value = tryInject(key);
-  if (typeof value === "undefined") {
-    value = fn();
-    provide(key, value);
-  }
-  return value;
-}
-
-function create() {
-  let ERROR_HANDLER_FN = null;
-  function get() {
-    return ERROR_HANDLER_FN;
-  }
-  function set(fn, app = true) {
-    ERROR_HANDLER_FN = fn;
-    if (app) {
-      let _app;
-      if (app === true) {
-        _app = getCurrentApp();
-      } else {
-        trySetCurrentApp(app);
-        _app = app;
-      }
-      _app.config.errorHandler = (err) => {
-        handle(err, true);
-      };
-    }
-  }
-  function handle(err, rethrow = true) {
-    if (ERROR_HANDLER_FN) {
-      void Promise.try(ERROR_HANDLER_FN, err);
-    } else if (rethrow) {
-      throw err;
-    }
-  }
-  return { get, set, handle };
-}
-const { get: getErrorHandler, set: setErrorHandler, handle: handleError } = create();
-
 function useMutex(options) {
   const mutex = new Mutex();
   const locked = ref(mutex.isLocked);
@@ -147,11 +130,9 @@ function useMutex(options) {
     lock
   };
 }
-
 function asyncRef(initial, fn, options = {}) {
-  const { immediate = true } = options;
   const value = useAsyncState(fn, initial, {
-    immediate,
+    immediate: options.immediate ?? true,
     onError: handleError,
     resetOnExecute: false,
     shallow: true,
@@ -168,7 +149,6 @@ function asyncRef(initial, fn, options = {}) {
     execute
   };
 }
-
 function localRef(key, initial, options) {
   const defaultValue = { inner: initial };
   const local = useLocalStorage(key, defaultValue, {
@@ -188,7 +168,6 @@ function localRef(key, initial, options) {
     }
   });
 }
-
 function onKeyDown(key, handler, options = {}) {
   const {
     altKey = false,
@@ -247,7 +226,6 @@ function onShiftKeyDown(key, handler, options) {
 function onCtrlShiftKeyDown(key, handler, options) {
   return onKeyDown(key, handler, { ...options, ctrlKey: true, shiftKey: true });
 }
-
 function sessionRef(key, initial, options) {
   const defaultValue = { inner: initial };
   const session = useSessionStorage(key, defaultValue, {
@@ -267,7 +245,6 @@ function sessionRef(key, initial, options) {
     }
   });
 }
-
 function asyncComputed(initial, callback, options) {
   const state = computedAsync(callback, initial, {
     onError: handleError,
@@ -277,14 +254,12 @@ function asyncComputed(initial, callback, options) {
   });
   return state;
 }
-
 function useWindowHeight() {
   return useWindowSize().height;
 }
 function useWindowWidth() {
   return useWindowSize().width;
 }
-
 function useElementSize(element) {
   return useElementSize$1(toRef(element), { height: 0, width: 0 }, { box: "border-box" });
 }
@@ -304,10 +279,45 @@ function useWidthDiff(element, lhs) {
   const lhsRef = lhs ? toRef(lhs) : useWindowWidth();
   return computed(() => lhsRef.value - width.value);
 }
-
-function maybe(value, fn) {
-  const _value = toValue(value);
-  return isNil(_value) ? null : fn(_value);
+if (!Object.hasOwn(globalThis, "__VUEUTILS__")) {
+  Object.defineProperty(globalThis, "__VUEUTILS__", {
+    configurable: false,
+    enumerable: true,
+    writable: false,
+    value: {}
+  });
 }
-
-export { asyncComputed, asyncRef, console, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, sessionRef, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, tryInjectOrElse, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useMutex, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };
+export {
+  asyncComputed,
+  asyncRef,
+  console,
+  getCurrentApp,
+  getErrorHandler,
+  handleError,
+  inject,
+  localRef,
+  maybe,
+  onAltKeyDown,
+  onCtrlKeyDown,
+  onCtrlShiftKeyDown,
+  onKeyDown,
+  onShiftKeyDown,
+  provide,
+  runWithContext,
+  sessionRef,
+  setCurrentApp,
+  setErrorHandler,
+  tryGetCurrentApp,
+  tryInject,
+  tryInjectOrElse,
+  trySetCurrentApp,
+  useElementSize,
+  useHeight,
+  useHeightDiff,
+  useMutex,
+  useWidth,
+  useWidthDiff,
+  useWindowHeight,
+  useWindowSize2 as useWindowSize,
+  useWindowWidth
+};

package/dist/utils/app.d.ts

@@ -1,6 +1,8 @@
-import { Option } from '@tb-dev/utils';
 import { App, InjectionKey } from 'vue';
-export declare const getCurrentApp: () => App, setCurrentApp: (app: App) => void, tryGetCurrentApp: () => Option<App>, trySetCurrentApp: (app: App) => void;
+export declare function getCurrentApp(): App<any>;
+export declare function setCurrentApp(app: App): void;
+export declare function tryGetCurrentApp(): import('@tb-dev/utils').Option<App<any>>;
+export declare function trySetCurrentApp(app: App): void;
 export declare function runWithContext<T>(fn: () => T): T;
 export declare function provide<T>(key: InjectionKey<T>, value: T): void;
 export declare function inject<T>(key: InjectionKey<T>): T;

package/dist/utils/error.d.ts

@@ -1,4 +1,6 @@
 import { App } from 'vue';
 import { MaybePromise, Option } from '@tb-dev/utils';
 export type ErrorHandler = (err: unknown) => MaybePromise<void>;
-export declare const getErrorHandler: () => Option<ErrorHandler>, setErrorHandler: (fn: ErrorHandler, app?: Option<App | boolean>) => void, handleError: (err: unknown, rethrow?: boolean) => void;
+export declare function getErrorHandler(): Option<ErrorHandler>;
+export declare function setErrorHandler(fn: ErrorHandler, app?: Option<App | boolean>): void;
+export declare function handleError(err: unknown, rethrow?: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",
@@ -25,15 +25,14 @@
   ],
   "dependencies": {
     "@tb-dev/utils": "^7.0.11",
-    "@vueuse/core": "^13.6.0",
-    "es-toolkit": "^1.39.9",
+    "@vueuse/core": "^13.7.0",
+    "es-toolkit": "^1.39.10",
     "vue": "^3.5.18"
   },
   "devDependencies": {
     "@tb-dev/eslint-config": "^8.0.5",
-    "@types/node": "^24.2.1",
+    "@types/node": "^24.3.0",
     "eslint": "^9.33.0",
-    "prettier": "^3.6.2",
     "tslib": "^2.8.1",
     "typedoc": "^0.28.10",
     "typedoc-plugin-mdn-links": "^5.0.8",
@@ -55,7 +54,7 @@
   "scripts": {
     "build": "vite build",
     "docs": "typedoc --plugin typedoc-plugin-mdn-links",
-    "format": "prettier . --write",
+    "format": "dprint fmt",
     "lint": "eslint . --config eslint.config.js",
     "release": "pnpm run build && pnpm publish",
     "type-check": "tsc --noEmit",