@hairy/react-lib 1.27.0 → 1.28.0

package/dist/index.cjs

@@ -43,8 +43,13 @@ __export(index_exports, {
   defineAsyncStore: () => defineAsyncStore,
   defineStore: () => defineStore,
   proxyWithPersistant: () => proxyWithPersistant,
-  ref: () => ref2,
   track: () => track,
+  tryUseCallback: () => tryUseCallback,
+  tryUseEffect: () => tryUseEffect,
+  tryUseReducer: () => tryUseReducer,
+  tryUseRef: () => tryUseRef,
+  tryUseState: () => tryUseState,
+  tryUseUpdate: () => tryUseUpdate,
   useAsyncCallback: () => useAsyncCallback,
   useAsyncState: () => useAsyncState,
   useDebounce: () => useDebounce,
@@ -54,6 +59,7 @@ __export(index_exports, {
   useMounted: () => useMounted,
   useStatus: () => useStatus,
   useStore: () => useStore,
+  useUpdate: () => useUpdate,
   useWatch: () => useWatch,
   useWhenever: () => useWhenever,
   wrapper: () => wrapper
@@ -93,6 +99,84 @@ cls.append = function(value, newClass) {
   return value ? `${value} ${newClass}` : newClass;
 };
 
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_freeGlobal.js
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+var freeGlobal_default = freeGlobal;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_root.js
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal_default || freeSelf || Function("return this")();
+var root_default = root;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js
+var Symbol2 = root_default.Symbol;
+var Symbol_default = Symbol2;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getRawTag.js
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+var nativeObjectToString = objectProto.toString;
+var symToStringTag = Symbol_default ? Symbol_default.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+  try {
+    value[symToStringTag] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
+var getRawTag_default = getRawTag;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_objectToString.js
+var objectProto2 = Object.prototype;
+var nativeObjectToString2 = objectProto2.toString;
+function objectToString(value) {
+  return nativeObjectToString2.call(value);
+}
+var objectToString_default = objectToString;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetTag.js
+var nullTag = "[object Null]";
+var undefinedTag = "[object Undefined]";
+var symToStringTag2 = Symbol_default ? Symbol_default.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag2 && symToStringTag2 in Object(value) ? getRawTag_default(value) : objectToString_default(value);
+}
+var baseGetTag_default = baseGetTag;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var isObject_default = isObject;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.js
+var asyncTag = "[object AsyncFunction]";
+var funcTag = "[object Function]";
+var genTag = "[object GeneratorFunction]";
+var proxyTag = "[object Proxy]";
+function isFunction(value) {
+  if (!isObject_default(value)) {
+    return false;
+  }
+  var tag = baseGetTag_default(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+var isFunction_default = isFunction;
+
 // ../util-core/src/util/noop.ts
 var noop = () => {
 };
@@ -257,26 +341,77 @@ function Trigger() {
 Trigger.id = 0;
 Trigger.tasks = pendingTasks;
 
-// src/hooks/ref.ts
+// src/hooks/tryUseCallback.ts
 var import_react7 = require("react");
-function ref2(value) {
-  function define(value2) {
-    if (typeof value2 === "function")
-      return (prev) => define(value2(prev.value));
-    return Object.defineProperty({}, "value", {
-      set: (action) => set(define(action)),
-      get: () => value2,
-      enumerable: true
-    });
+var tryUseCallback = (callback, deps) => {
+  try {
+    return (0, import_react7.useCallback)(callback, deps);
+  } catch {
+    return callback;
+  }
+};
+
+// src/hooks/tryUseEffect.ts
+var import_react8 = require("react");
+var tryUseEffect = (effect, deps) => {
+  try {
+    (0, import_react8.useEffect)(effect, deps);
+  } catch {
+  }
+};
+
+// src/hooks/tryUseReducer.ts
+var import_react9 = require("react");
+var tryUseReducer = (reducer, initializerArg, initializer) => {
+  try {
+    return (0, import_react9.useReducer)(reducer, initializerArg, initializer);
+  } catch {
+    return [initializerArg, () => {
+    }];
+  }
+};
+
+// src/hooks/tryUseRef.ts
+var import_react10 = require("react");
+var tryUseRef = (initialValue) => {
+  try {
+    return (0, import_react10.useRef)(initialValue);
+  } catch {
+    return { current: initialValue };
+  }
+};
+
+// src/hooks/tryUseState.ts
+var import_react11 = require("react");
+var tryUseState = (initialState) => {
+  try {
+    return (0, import_react11.useState)(initialState);
+  } catch {
+    return [isFunction_default(initialState) ? initialState() : initialState, noop];
+  }
+};
+
+// src/hooks/useUpdate.ts
+var updateReducer = (num) => (num + 1) % 1e6;
+function useUpdate() {
+  const [, update] = tryUseReducer(updateReducer, 0);
+  return update;
+}
+
+// src/hooks/tryUseUpdate.ts
+function tryUseUpdate() {
+  try {
+    return useUpdate();
+  } catch {
+    return () => {
+    };
   }
-  const [ref3, set] = (0, import_react7.useState)(define(value));
-  return ref3;
 }
 
 // src/hooks/useAsyncCallback.ts
-var import_react8 = require("react");
+var import_react12 = require("react");
 function useAsyncCallback(fun) {
-  const [state, set] = (0, import_react8.useState)({ loading: false });
+  const [state, set] = (0, import_react12.useState)({ loading: false });
   async function execute(...args) {
     set({ loading: true });
     return fun(...args).then((value) => {
@@ -291,11 +426,11 @@ function useAsyncCallback(fun) {
 }
 
 // src/hooks/useAsyncState.ts
-var import_react9 = require("react");
+var import_react13 = require("react");
 function useAsyncState(fun, deps = [], options) {
-  const [value, set] = (0, import_react9.useState)(options?.initial);
+  const [value, set] = (0, import_react13.useState)(options?.initial);
   const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-  (0, import_react9.useEffect)(
+  (0, import_react13.useEffect)(
     () => {
       execute();
     },
@@ -305,10 +440,10 @@ function useAsyncState(fun, deps = [], options) {
 }
 
 // src/hooks/useDebounce.ts
-var import_react10 = require("react");
+var import_react14 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react10.useState)(value);
-  (0, import_react10.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
+  (0, import_react14.useEffect)(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(handler);
   }, [value, delay]);
@@ -317,14 +452,14 @@ function useDebounce(value, delay) {
 
 // src/hooks/useEventBus.ts
 var import_mitt = __toESM(require("mitt"), 1);
-var import_react11 = require("react");
+var import_react15 = require("react");
 var emitter = (0, import_mitt.default)();
 function useEventBus(key) {
-  const onRef = (0, import_react11.useRef)();
+  const onRef = (0, import_react15.useRef)();
   function on(listener) {
     emitter.on(key, listener);
     onRef.current = listener;
-    (0, import_react11.useEffect)(() => {
+    (0, import_react15.useEffect)(() => {
       if (!onRef.current)
         return;
       emitter.off(key, onRef.current);
@@ -347,9 +482,9 @@ function useEventBus(key) {
 }
 
 // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useEffectOnce.js
-var import_react12 = require("react");
+var import_react16 = require("react");
 var useEffectOnce = function(effect) {
-  (0, import_react12.useEffect)(effect, []);
+  (0, import_react16.useEffect)(effect, []);
 };
 var useEffectOnce_default = useEffectOnce;
 
@@ -385,23 +520,23 @@ function fetchRequestIntercept(intercept) {
 }
 
 // src/hooks/useMounted.ts
-var import_react13 = require("react");
+var import_react17 = require("react");
 function useMounted() {
-  const [mounted, setMounted] = (0, import_react13.useState)(false);
-  (0, import_react13.useEffect)(() => setMounted(true), []);
+  const [mounted, setMounted] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => setMounted(true), []);
   return mounted;
 }
 
 // src/hooks/useWatch.ts
-var import_react14 = require("react");
+var import_react18 = require("react");
 function useWatch(source, callback, options = {}) {
-  const firstUpdate = (0, import_react14.useRef)(false);
-  const then = (0, import_react14.useRef)();
-  const deps = (0, import_react14.useMemo)(
+  const firstUpdate = (0, import_react18.useRef)(false);
+  const then = (0, import_react18.useRef)();
+  const deps = (0, import_react18.useMemo)(
     () => Array.isArray(source) ? source : [source],
     [source]
   );
-  (0, import_react14.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!firstUpdate.current)
       recordFirst();
     else
@@ -423,10 +558,10 @@ function useWhenever(source, cb, options) {
 }
 
 // src/storage/defineAsyncStore.ts
-var import_utils10 = require("valtio/utils");
+var import_utils11 = require("valtio/utils");
 
 // src/storage/defineStore.ts
-var import_react15 = require("react");
+var import_react19 = require("react");
 var import_valtio4 = require("valtio");
 
 // src/storage/persistant.ts
@@ -480,10 +615,10 @@ function defineStore(store, options = {}) {
       Object.assign($state, patch);
   }
   function $signal(fn) {
-    return (0, import_react15.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
+    return (0, import_react19.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
   }
   $signal.status = function(fn) {
-    return (0, import_react15.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
+    return (0, import_react19.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
   };
   return {
     $subscribe,
@@ -574,7 +709,7 @@ function defineAsyncStore(fetch, options = {}) {
     },
     { persist: options.persist ? { id: options.persist, pick: ["value"] } : void 0 }
   );
-  (0, import_utils10.watch)((get) => {
+  (0, import_utils11.watch)((get) => {
     const status = get(store.$status.fetch);
     store.$state.error = status.error;
     store.$state.loading = status.loading;
@@ -610,8 +745,13 @@ function useStore(store) {
   defineAsyncStore,
   defineStore,
   proxyWithPersistant,
-  ref,
   track,
+  tryUseCallback,
+  tryUseEffect,
+  tryUseReducer,
+  tryUseRef,
+  tryUseState,
+  tryUseUpdate,
   useAsyncCallback,
   useAsyncState,
   useDebounce,
@@ -621,7 +761,21 @@ function useStore(store) {
   useMounted,
   useStatus,
   useStore,
+  useUpdate,
   useWatch,
   useWhenever,
   wrapper
 });
+/*! Bundled license information:
+
+lodash-es/lodash.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+*/

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { AnyFn, BooleanLike, Deferred, PromiseFn, PromiseType } from '@hairy/utils';
 import * as react from 'react';
-import { JSX, ReactNode, PropsWithChildren, ReactElement, FC, ComponentClass, SetStateAction, DetailedHTMLProps, HTMLAttributes } from 'react';
+import { JSX, ReactNode, PropsWithChildren, ReactElement, FC, ComponentClass, useCallback, useEffect, useReducer, useRef, useState, DetailedHTMLProps, HTMLAttributes } from 'react';
 import * as valtio from 'valtio';
 
 type Value = string | boolean | undefined | null;
@@ -119,25 +119,17 @@ declare namespace Trigger {
     };
 }
 
-interface Ref<S> {
-    set value(action: SetStateAction<S>);
-    get value(): S;
-}
-/**
- * This is a toy, do not use it in a production environment to avoid causing problems
- *
- * Similar to vue's ref function, used to create a responsive reference object
- *
- * @example
- * const count = ref(0)
- * count.value++
- * console.log(count.value) // 1
- * // or
- * count.value = prev => prev + 1
- * @param value
- */
-declare function ref<T>(value: T): Ref<T>;
-declare function ref<T>(value?: T): Ref<T | undefined>;
+declare const tryUseCallback: typeof useCallback;
+
+declare const tryUseEffect: typeof useEffect;
+
+declare const tryUseReducer: typeof useReducer;
+
+declare const tryUseRef: typeof useRef;
+
+declare const tryUseState: typeof useState;
+
+declare function tryUseUpdate(): () => void;
 
 declare function useAsyncCallback<T extends PromiseFn>(fun: T): readonly [boolean, T, Error | undefined];
 
@@ -197,15 +189,17 @@ declare function useFetchRequestIntercept(intercept: FetchRequestInterceptCallba
 
 declare function useMounted(): boolean;
 
-interface WatchCallback<T> {
+declare function useUpdate(): () => void;
+
+interface UseWatchCallback<T> {
     (value: T): void;
 }
-interface WatchOptions {
+interface UseWatchOptions {
     immediate?: boolean;
 }
-declare function useWatch<T>(source: T, callback: WatchCallback<T>, options?: WatchOptions): void;
+declare function useWatch<T>(source: T, callback: UseWatchCallback<T>, options?: UseWatchOptions): void;
 
-declare function useWhenever<T>(source: T, cb: WatchCallback<Exclude<T, null | undefined>>, options?: WatchOptions): void;
+declare function useWhenever<T>(source: T, cb: UseWatchCallback<Exclude<T, null | undefined>>, options?: UseWatchOptions): void;
 
 interface PersistantOptions {
     id: string;
@@ -298,4 +292,4 @@ declare function useStore<S extends object, A extends Actions<S>, G extends Gett
 
 type PropsWithDetailedHTML<T = HTMLDivElement> = DetailedHTMLProps<HTMLAttributes<T>, T>;
 
-export { type Argument, type ArgumentArray, type AsyncStoreOptions, Case, type CaseProps, Default, type DefaultProps, Else, type ElseProps, type EventBusListener, type Exposer, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropsWithDetailedHTML, type ReadonlyArgumentArray, type Ref, Switch, type SwitchProps, Then, type ThenProps, Trigger, Unless, type UnlessProps, type UseAsyncStateOptions, type Value, type WatchCallback, type WatchOptions, type WrapperProps, type WrapperTag, cls, defineAsyncStore, defineStore, proxyWithPersistant, ref, track, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStatus, useStore, useWatch, useWhenever, wrapper };
+export { type Argument, type ArgumentArray, type AsyncStoreOptions, Case, type CaseProps, Default, type DefaultProps, Else, type ElseProps, type EventBusListener, type Exposer, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropsWithDetailedHTML, type ReadonlyArgumentArray, Switch, type SwitchProps, Then, type ThenProps, Trigger, Unless, type UnlessProps, type UseAsyncStateOptions, type UseWatchCallback, type UseWatchOptions, type Value, type WrapperProps, type WrapperTag, cls, defineAsyncStore, defineStore, proxyWithPersistant, track, tryUseCallback, tryUseEffect, tryUseReducer, tryUseRef, tryUseState, tryUseUpdate, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStatus, useStore, useUpdate, useWatch, useWhenever, wrapper };

package/dist/index.global.js

@@ -55,8 +55,13 @@ var LibReact = (() => {
     defineAsyncStore: () => defineAsyncStore,
     defineStore: () => defineStore,
     proxyWithPersistant: () => proxyWithPersistant,
-    ref: () => ref2,
     track: () => track,
+    tryUseCallback: () => tryUseCallback,
+    tryUseEffect: () => tryUseEffect,
+    tryUseReducer: () => tryUseReducer,
+    tryUseRef: () => tryUseRef,
+    tryUseState: () => tryUseState,
+    tryUseUpdate: () => tryUseUpdate,
     useAsyncCallback: () => useAsyncCallback,
     useAsyncState: () => useAsyncState,
     useDebounce: () => useDebounce,
@@ -66,6 +71,7 @@ var LibReact = (() => {
     useMounted: () => useMounted,
     useStatus: () => useStatus,
     useStore: () => useStore,
+    useUpdate: () => useUpdate,
     useWatch: () => useWatch,
     useWhenever: () => useWhenever,
     wrapper: () => wrapper
@@ -104,6 +110,84 @@ var LibReact = (() => {
     return value ? `${value} ${newClass}` : newClass;
   };
 
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_freeGlobal.js
+  var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+  var freeGlobal_default = freeGlobal;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_root.js
+  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+  var root = freeGlobal_default || freeSelf || Function("return this")();
+  var root_default = root;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js
+  var Symbol2 = root_default.Symbol;
+  var Symbol_default = Symbol2;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getRawTag.js
+  var objectProto = Object.prototype;
+  var hasOwnProperty = objectProto.hasOwnProperty;
+  var nativeObjectToString = objectProto.toString;
+  var symToStringTag = Symbol_default ? Symbol_default.toStringTag : void 0;
+  function getRawTag(value) {
+    var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+    try {
+      value[symToStringTag] = void 0;
+      var unmasked = true;
+    } catch (e) {
+    }
+    var result = nativeObjectToString.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag] = tag;
+      } else {
+        delete value[symToStringTag];
+      }
+    }
+    return result;
+  }
+  var getRawTag_default = getRawTag;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_objectToString.js
+  var objectProto2 = Object.prototype;
+  var nativeObjectToString2 = objectProto2.toString;
+  function objectToString(value) {
+    return nativeObjectToString2.call(value);
+  }
+  var objectToString_default = objectToString;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetTag.js
+  var nullTag = "[object Null]";
+  var undefinedTag = "[object Undefined]";
+  var symToStringTag2 = Symbol_default ? Symbol_default.toStringTag : void 0;
+  function baseGetTag(value) {
+    if (value == null) {
+      return value === void 0 ? undefinedTag : nullTag;
+    }
+    return symToStringTag2 && symToStringTag2 in Object(value) ? getRawTag_default(value) : objectToString_default(value);
+  }
+  var baseGetTag_default = baseGetTag;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js
+  function isObject(value) {
+    var type = typeof value;
+    return value != null && (type == "object" || type == "function");
+  }
+  var isObject_default = isObject;
+
+  // ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.js
+  var asyncTag = "[object AsyncFunction]";
+  var funcTag = "[object Function]";
+  var genTag = "[object GeneratorFunction]";
+  var proxyTag = "[object Proxy]";
+  function isFunction(value) {
+    if (!isObject_default(value)) {
+      return false;
+    }
+    var tag = baseGetTag_default(value);
+    return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+  }
+  var isFunction_default = isFunction;
+
   // ../util-core/src/util/noop.ts
   var noop = () => {
   };
@@ -155,7 +239,7 @@ var LibReact = (() => {
   var getProto = Object.getPrototypeOf;
   var objectsToTrack = /* @__PURE__ */ new WeakMap();
   var isObjectToTrack = (obj) => obj && (objectsToTrack.has(obj) ? objectsToTrack.get(obj) : getProto(obj) === Object.prototype || getProto(obj) === Array.prototype);
-  var isObject = (x) => typeof x === "object" && x !== null;
+  var isObject2 = (x) => typeof x === "object" && x !== null;
   var needsToCopyTargetObject = (obj) => Object.values(Object.getOwnPropertyDescriptors(obj)).some((descriptor) => !descriptor.configurable && !descriptor.writable);
   var copyTargetObject = (obj) => {
     if (Array.isArray(obj)) {
@@ -266,7 +350,7 @@ var LibReact = (() => {
     if (isEqual(prevObj, nextObj)) {
       return false;
     }
-    if (!isObject(prevObj) || !isObject(nextObj))
+    if (!isObject2(prevObj) || !isObject2(nextObj))
       return true;
     const used = affected.get(getOriginalObject(prevObj));
     if (!used)
@@ -323,10 +407,10 @@ var LibReact = (() => {
       if (seen.has(x)) {
         return;
       }
-      if (isObject(x)) {
+      if (isObject2(x)) {
         seen.add(x);
       }
-      const used = isObject(x) && affected.get(getOriginalObject(x));
+      const used = isObject2(x) && affected.get(getOriginalObject(x));
       if (used) {
         (_a = used[HAS_KEY_PROPERTY]) === null || _a === void 0 ? void 0 : _a.forEach((key) => {
           const segment = `:has(${String(key)})`;
@@ -356,8 +440,8 @@ var LibReact = (() => {
 
   // ../../node_modules/.pnpm/valtio@2.1.4_@types+react@18.3.18_react@18.3.1/node_modules/valtio/esm/vanilla.mjs
   var import_meta = {};
-  var isObject2 = (x) => typeof x === "object" && x !== null;
-  var canProxyDefault = (x) => isObject2(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer) && !(x instanceof Promise);
+  var isObject3 = (x) => typeof x === "object" && x !== null;
+  var canProxyDefault = (x) => isObject3(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer) && !(x instanceof Promise);
   var createSnapshotDefault = (target, version) => {
     const cache = snapCache.get(target);
     if ((cache == null ? void 0 : cache[0]) === version) {
@@ -411,7 +495,7 @@ var LibReact = (() => {
         return true;
       }
       removePropListener(prop);
-      if (isObject2(value)) {
+      if (isObject3(value)) {
         value = getUntracked(value) || value;
       }
       const nextValue = !proxyStateMap.has(value) && canProxy(value) ? proxy(value) : value;
@@ -432,7 +516,7 @@ var LibReact = (() => {
   var createSnapshot = createSnapshotDefault;
   var createHandler = createHandlerDefault;
   function proxy(baseObject = {}) {
-    if (!isObject2(baseObject)) {
+    if (!isObject3(baseObject)) {
       throw new Error("object required");
     }
     const found = proxyCache.get(baseObject);
@@ -970,26 +1054,77 @@ var LibReact = (() => {
   Trigger.id = 0;
   Trigger.tasks = pendingTasks;
 
-  // src/hooks/ref.ts
+  // src/hooks/tryUseCallback.ts
   var import_react8 = __toESM(require_react(), 1);
-  function ref2(value) {
-    function define(value2) {
-      if (typeof value2 === "function")
-        return (prev) => define(value2(prev.value));
-      return Object.defineProperty({}, "value", {
-        set: (action) => set(define(action)),
-        get: () => value2,
-        enumerable: true
-      });
+  var tryUseCallback = (callback, deps) => {
+    try {
+      return (0, import_react8.useCallback)(callback, deps);
+    } catch {
+      return callback;
+    }
+  };
+
+  // src/hooks/tryUseEffect.ts
+  var import_react9 = __toESM(require_react(), 1);
+  var tryUseEffect = (effect, deps) => {
+    try {
+      (0, import_react9.useEffect)(effect, deps);
+    } catch {
+    }
+  };
+
+  // src/hooks/tryUseReducer.ts
+  var import_react10 = __toESM(require_react(), 1);
+  var tryUseReducer = (reducer, initializerArg, initializer) => {
+    try {
+      return (0, import_react10.useReducer)(reducer, initializerArg, initializer);
+    } catch {
+      return [initializerArg, () => {
+      }];
+    }
+  };
+
+  // src/hooks/tryUseRef.ts
+  var import_react11 = __toESM(require_react(), 1);
+  var tryUseRef = (initialValue) => {
+    try {
+      return (0, import_react11.useRef)(initialValue);
+    } catch {
+      return { current: initialValue };
+    }
+  };
+
+  // src/hooks/tryUseState.ts
+  var import_react12 = __toESM(require_react(), 1);
+  var tryUseState = (initialState) => {
+    try {
+      return (0, import_react12.useState)(initialState);
+    } catch {
+      return [isFunction_default(initialState) ? initialState() : initialState, noop];
+    }
+  };
+
+  // src/hooks/useUpdate.ts
+  var updateReducer = (num) => (num + 1) % 1e6;
+  function useUpdate() {
+    const [, update] = tryUseReducer(updateReducer, 0);
+    return update;
+  }
+
+  // src/hooks/tryUseUpdate.ts
+  function tryUseUpdate() {
+    try {
+      return useUpdate();
+    } catch {
+      return () => {
+      };
     }
-    const [ref3, set] = (0, import_react8.useState)(define(value));
-    return ref3;
   }
 
   // src/hooks/useAsyncCallback.ts
-  var import_react9 = __toESM(require_react(), 1);
+  var import_react13 = __toESM(require_react(), 1);
   function useAsyncCallback(fun) {
-    const [state, set] = (0, import_react9.useState)({ loading: false });
+    const [state, set] = (0, import_react13.useState)({ loading: false });
     async function execute(...args) {
       set({ loading: true });
       return fun(...args).then((value) => {
@@ -1004,11 +1139,11 @@ var LibReact = (() => {
   }
 
   // src/hooks/useAsyncState.ts
-  var import_react10 = __toESM(require_react(), 1);
+  var import_react14 = __toESM(require_react(), 1);
   function useAsyncState(fun, deps = [], options) {
-    const [value, set] = (0, import_react10.useState)(options?.initial);
+    const [value, set] = (0, import_react14.useState)(options?.initial);
     const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-    (0, import_react10.useEffect)(
+    (0, import_react14.useEffect)(
       () => {
         execute();
       },
@@ -1018,10 +1153,10 @@ var LibReact = (() => {
   }
 
   // src/hooks/useDebounce.ts
-  var import_react11 = __toESM(require_react(), 1);
+  var import_react15 = __toESM(require_react(), 1);
   function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
-    (0, import_react11.useEffect)(() => {
+    const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
+    (0, import_react15.useEffect)(() => {
       const handler = setTimeout(() => setDebouncedValue(value), delay);
       return () => clearTimeout(handler);
     }, [value, delay]);
@@ -1047,14 +1182,14 @@ var LibReact = (() => {
   }
 
   // src/hooks/useEventBus.ts
-  var import_react12 = __toESM(require_react(), 1);
+  var import_react16 = __toESM(require_react(), 1);
   var emitter = mitt_default();
   function useEventBus(key) {
-    const onRef = (0, import_react12.useRef)();
+    const onRef = (0, import_react16.useRef)();
     function on(listener) {
       emitter.on(key, listener);
       onRef.current = listener;
-      (0, import_react12.useEffect)(() => {
+      (0, import_react16.useEffect)(() => {
         if (!onRef.current)
           return;
         emitter.off(key, onRef.current);
@@ -1077,9 +1212,9 @@ var LibReact = (() => {
   }
 
   // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useEffectOnce.js
-  var import_react13 = __toESM(require_react());
+  var import_react17 = __toESM(require_react());
   var useEffectOnce = function(effect) {
-    (0, import_react13.useEffect)(effect, []);
+    (0, import_react17.useEffect)(effect, []);
   };
   var useEffectOnce_default = useEffectOnce;
 
@@ -1115,23 +1250,23 @@ var LibReact = (() => {
   }
 
   // src/hooks/useMounted.ts
-  var import_react14 = __toESM(require_react(), 1);
+  var import_react18 = __toESM(require_react(), 1);
   function useMounted() {
-    const [mounted, setMounted] = (0, import_react14.useState)(false);
-    (0, import_react14.useEffect)(() => setMounted(true), []);
+    const [mounted, setMounted] = (0, import_react18.useState)(false);
+    (0, import_react18.useEffect)(() => setMounted(true), []);
     return mounted;
   }
 
   // src/hooks/useWatch.ts
-  var import_react15 = __toESM(require_react(), 1);
+  var import_react19 = __toESM(require_react(), 1);
   function useWatch(source, callback, options = {}) {
-    const firstUpdate = (0, import_react15.useRef)(false);
-    const then = (0, import_react15.useRef)();
-    const deps = (0, import_react15.useMemo)(
+    const firstUpdate = (0, import_react19.useRef)(false);
+    const then = (0, import_react19.useRef)();
+    const deps = (0, import_react19.useMemo)(
       () => Array.isArray(source) ? source : [source],
       [source]
     );
-    (0, import_react15.useEffect)(() => {
+    (0, import_react19.useEffect)(() => {
       if (!firstUpdate.current)
         recordFirst();
       else
@@ -1153,7 +1288,7 @@ var LibReact = (() => {
   }
 
   // src/storage/defineStore.ts
-  var import_react16 = __toESM(require_react(), 1);
+  var import_react20 = __toESM(require_react(), 1);
 
   // src/storage/persistant.ts
   function proxyWithPersistant(keyOrOptions, initialObject) {
@@ -1205,10 +1340,10 @@ var LibReact = (() => {
         Object.assign($state, patch);
     }
     function $signal(fn) {
-      return (0, import_react16.createElement)(() => fn(useSnapshot($state)));
+      return (0, import_react20.createElement)(() => fn(useSnapshot($state)));
     }
     $signal.status = function(fn) {
-      return (0, import_react16.createElement)(() => fn(useSnapshot($status)));
+      return (0, import_react20.createElement)(() => fn(useSnapshot($status)));
     };
     return {
       $subscribe,
@@ -1320,3 +1455,16 @@ var LibReact = (() => {
   }
   return __toCommonJS(index_exports);
 })();
+/*! Bundled license information:
+
+lodash-es/lodash.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+*/

package/dist/index.js

@@ -31,6 +31,84 @@ cls.append = function(value, newClass) {
   return value ? `${value} ${newClass}` : newClass;
 };
 
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_freeGlobal.js
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+var freeGlobal_default = freeGlobal;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_root.js
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal_default || freeSelf || Function("return this")();
+var root_default = root;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Symbol.js
+var Symbol = root_default.Symbol;
+var Symbol_default = Symbol;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getRawTag.js
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+var nativeObjectToString = objectProto.toString;
+var symToStringTag = Symbol_default ? Symbol_default.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+  try {
+    value[symToStringTag] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag] = tag;
+    } else {
+      delete value[symToStringTag];
+    }
+  }
+  return result;
+}
+var getRawTag_default = getRawTag;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_objectToString.js
+var objectProto2 = Object.prototype;
+var nativeObjectToString2 = objectProto2.toString;
+function objectToString(value) {
+  return nativeObjectToString2.call(value);
+}
+var objectToString_default = objectToString;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseGetTag.js
+var nullTag = "[object Null]";
+var undefinedTag = "[object Undefined]";
+var symToStringTag2 = Symbol_default ? Symbol_default.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag2 && symToStringTag2 in Object(value) ? getRawTag_default(value) : objectToString_default(value);
+}
+var baseGetTag_default = baseGetTag;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObject.js
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var isObject_default = isObject;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.js
+var asyncTag = "[object AsyncFunction]";
+var funcTag = "[object Function]";
+var genTag = "[object GeneratorFunction]";
+var proxyTag = "[object Proxy]";
+function isFunction(value) {
+  if (!isObject_default(value)) {
+    return false;
+  }
+  var tag = baseGetTag_default(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+var isFunction_default = isFunction;
+
 // ../util-core/src/util/noop.ts
 var noop = () => {
 };
@@ -195,20 +273,71 @@ function Trigger() {
 Trigger.id = 0;
 Trigger.tasks = pendingTasks;
 
-// src/hooks/ref.ts
+// src/hooks/tryUseCallback.ts
+import { useCallback } from "react";
+var tryUseCallback = (callback, deps) => {
+  try {
+    return useCallback(callback, deps);
+  } catch {
+    return callback;
+  }
+};
+
+// src/hooks/tryUseEffect.ts
+import { useEffect } from "react";
+var tryUseEffect = (effect, deps) => {
+  try {
+    useEffect(effect, deps);
+  } catch {
+  }
+};
+
+// src/hooks/tryUseReducer.ts
+import { useReducer } from "react";
+var tryUseReducer = (reducer, initializerArg, initializer) => {
+  try {
+    return useReducer(reducer, initializerArg, initializer);
+  } catch {
+    return [initializerArg, () => {
+    }];
+  }
+};
+
+// src/hooks/tryUseRef.ts
+import { useRef } from "react";
+var tryUseRef = (initialValue) => {
+  try {
+    return useRef(initialValue);
+  } catch {
+    return { current: initialValue };
+  }
+};
+
+// src/hooks/tryUseState.ts
 import { useState } from "react";
-function ref2(value) {
-  function define(value2) {
-    if (typeof value2 === "function")
-      return (prev) => define(value2(prev.value));
-    return Object.defineProperty({}, "value", {
-      set: (action) => set(define(action)),
-      get: () => value2,
-      enumerable: true
-    });
+var tryUseState = (initialState) => {
+  try {
+    return useState(initialState);
+  } catch {
+    return [isFunction_default(initialState) ? initialState() : initialState, noop];
+  }
+};
+
+// src/hooks/useUpdate.ts
+var updateReducer = (num) => (num + 1) % 1e6;
+function useUpdate() {
+  const [, update] = tryUseReducer(updateReducer, 0);
+  return update;
+}
+
+// src/hooks/tryUseUpdate.ts
+function tryUseUpdate() {
+  try {
+    return useUpdate();
+  } catch {
+    return () => {
+    };
   }
-  const [ref3, set] = useState(define(value));
-  return ref3;
 }
 
 // src/hooks/useAsyncCallback.ts
@@ -229,11 +358,11 @@ function useAsyncCallback(fun) {
 }
 
 // src/hooks/useAsyncState.ts
-import { useEffect, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 function useAsyncState(fun, deps = [], options) {
   const [value, set] = useState3(options?.initial);
   const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-  useEffect(
+  useEffect2(
     () => {
       execute();
     },
@@ -243,10 +372,10 @@ function useAsyncState(fun, deps = [], options) {
 }
 
 // src/hooks/useDebounce.ts
-import { useEffect as useEffect2, useState as useState4 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState4(value);
-  useEffect2(() => {
+  useEffect3(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(handler);
   }, [value, delay]);
@@ -255,14 +384,14 @@ function useDebounce(value, delay) {
 
 // src/hooks/useEventBus.ts
 import mitt from "mitt";
-import { useEffect as useEffect3, useRef } from "react";
+import { useEffect as useEffect4, useRef as useRef2 } from "react";
 var emitter = mitt();
 function useEventBus(key) {
-  const onRef = useRef();
+  const onRef = useRef2();
   function on(listener) {
     emitter.on(key, listener);
     onRef.current = listener;
-    useEffect3(() => {
+    useEffect4(() => {
       if (!onRef.current)
         return;
       emitter.off(key, onRef.current);
@@ -285,9 +414,9 @@ function useEventBus(key) {
 }
 
 // ../../node_modules/.pnpm/react-use@17.6.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-use/esm/useEffectOnce.js
-import { useEffect as useEffect4 } from "react";
+import { useEffect as useEffect5 } from "react";
 var useEffectOnce = function(effect) {
-  useEffect4(effect, []);
+  useEffect5(effect, []);
 };
 var useEffectOnce_default = useEffectOnce;
 
@@ -323,23 +452,23 @@ function fetchRequestIntercept(intercept) {
 }
 
 // src/hooks/useMounted.ts
-import { useEffect as useEffect5, useState as useState5 } from "react";
+import { useEffect as useEffect6, useState as useState5 } from "react";
 function useMounted() {
   const [mounted, setMounted] = useState5(false);
-  useEffect5(() => setMounted(true), []);
+  useEffect6(() => setMounted(true), []);
   return mounted;
 }
 
 // src/hooks/useWatch.ts
-import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef3 } from "react";
 function useWatch(source, callback, options = {}) {
-  const firstUpdate = useRef2(false);
-  const then = useRef2();
+  const firstUpdate = useRef3(false);
+  const then = useRef3();
   const deps = useMemo2(
     () => Array.isArray(source) ? source : [source],
     [source]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     if (!firstUpdate.current)
       recordFirst();
     else
@@ -547,8 +676,13 @@ export {
   defineAsyncStore,
   defineStore,
   proxyWithPersistant,
-  ref2 as ref,
   track,
+  tryUseCallback,
+  tryUseEffect,
+  tryUseReducer,
+  tryUseRef,
+  tryUseState,
+  tryUseUpdate,
   useAsyncCallback,
   useAsyncState,
   useDebounce,
@@ -558,7 +692,21 @@ export {
   useMounted,
   useStatus,
   useStore,
+  useUpdate,
   useWatch,
   useWhenever,
   wrapper
 };
+/*! Bundled license information:
+
+lodash-es/lodash.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hairy/react-lib",
   "type": "module",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "description": "Library for react",
   "author": "Hairyf <wwu710632@gmail.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.2",
     "react-use": "^17.6.0",
-    "@hairy/utils": "1.27.0"
+    "@hairy/utils": "1.28.0"
   },
   "scripts": {
     "build": "tsup",