@hairy/react-lib 1.28.0 → 1.29.0

package/dist/index.cjs

@@ -46,6 +46,7 @@ __export(index_exports, {
   track: () => track,
   tryUseCallback: () => tryUseCallback,
   tryUseEffect: () => tryUseEffect,
+  tryUseInsertionEffect: () => tryUseInsertionEffect,
   tryUseReducer: () => tryUseReducer,
   tryUseRef: () => tryUseRef,
   tryUseState: () => tryUseState,
@@ -360,11 +361,20 @@ var tryUseEffect = (effect, deps) => {
   }
 };
 
-// src/hooks/tryUseReducer.ts
+// src/hooks/tryUseInsertionEffect.ts
 var import_react9 = require("react");
+var tryUseInsertionEffect = (callback, deps) => {
+  try {
+    (0, import_react9.useInsertionEffect)(callback, deps);
+  } catch {
+  }
+};
+
+// src/hooks/tryUseReducer.ts
+var import_react10 = require("react");
 var tryUseReducer = (reducer, initializerArg, initializer) => {
   try {
-    return (0, import_react9.useReducer)(reducer, initializerArg, initializer);
+    return (0, import_react10.useReducer)(reducer, initializerArg, initializer);
   } catch {
     return [initializerArg, () => {
     }];
@@ -372,20 +382,20 @@ var tryUseReducer = (reducer, initializerArg, initializer) => {
 };
 
 // src/hooks/tryUseRef.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var tryUseRef = (initialValue) => {
   try {
-    return (0, import_react10.useRef)(initialValue);
+    return (0, import_react11.useRef)(initialValue);
   } catch {
     return { current: initialValue };
   }
 };
 
 // src/hooks/tryUseState.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var tryUseState = (initialState) => {
   try {
-    return (0, import_react11.useState)(initialState);
+    return (0, import_react12.useState)(initialState);
   } catch {
     return [isFunction_default(initialState) ? initialState() : initialState, noop];
   }
@@ -409,9 +419,9 @@ function tryUseUpdate() {
 }
 
 // src/hooks/useAsyncCallback.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 function useAsyncCallback(fun) {
-  const [state, set] = (0, import_react12.useState)({ loading: false });
+  const [state, set] = (0, import_react13.useState)({ loading: false });
   async function execute(...args) {
     set({ loading: true });
     return fun(...args).then((value) => {
@@ -426,11 +436,11 @@ function useAsyncCallback(fun) {
 }
 
 // src/hooks/useAsyncState.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 function useAsyncState(fun, deps = [], options) {
-  const [value, set] = (0, import_react13.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_react13.useEffect)(
+  (0, import_react14.useEffect)(
     () => {
       execute();
     },
@@ -440,10 +450,10 @@ function useAsyncState(fun, deps = [], options) {
 }
 
 // src/hooks/useDebounce.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
+  (0, import_react15.useEffect)(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(handler);
   }, [value, delay]);
@@ -452,14 +462,14 @@ function useDebounce(value, delay) {
 
 // src/hooks/useEventBus.ts
 var import_mitt = __toESM(require("mitt"), 1);
-var import_react15 = require("react");
+var import_react16 = require("react");
 var emitter = (0, import_mitt.default)();
 function useEventBus(key) {
-  const onRef = (0, import_react15.useRef)();
+  const onRef = (0, import_react16.useRef)();
   function on(listener) {
     emitter.on(key, listener);
     onRef.current = listener;
-    (0, import_react15.useEffect)(() => {
+    (0, import_react16.useEffect)(() => {
       if (!onRef.current)
         return;
       emitter.off(key, onRef.current);
@@ -482,9 +492,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_react16 = require("react");
+var import_react17 = require("react");
 var useEffectOnce = function(effect) {
-  (0, import_react16.useEffect)(effect, []);
+  (0, import_react17.useEffect)(effect, []);
 };
 var useEffectOnce_default = useEffectOnce;
 
@@ -520,23 +530,23 @@ function fetchRequestIntercept(intercept) {
 }
 
 // src/hooks/useMounted.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 function useMounted() {
-  const [mounted, setMounted] = (0, import_react17.useState)(false);
-  (0, import_react17.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_react18 = require("react");
+var import_react19 = require("react");
 function useWatch(source, callback, options = {}) {
-  const firstUpdate = (0, import_react18.useRef)(false);
-  const then = (0, import_react18.useRef)();
-  const deps = (0, import_react18.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_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!firstUpdate.current)
       recordFirst();
     else
@@ -561,7 +571,7 @@ function useWhenever(source, cb, options) {
 var import_utils11 = require("valtio/utils");
 
 // src/storage/defineStore.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_valtio4 = require("valtio");
 
 // src/storage/persistant.ts
@@ -615,10 +625,10 @@ function defineStore(store, options = {}) {
       Object.assign($state, patch);
   }
   function $signal(fn) {
-    return (0, import_react19.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
+    return (0, import_react20.createElement)(() => fn((0, import_valtio4.useSnapshot)($state)));
   }
   $signal.status = function(fn) {
-    return (0, import_react19.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
+    return (0, import_react20.createElement)(() => fn((0, import_valtio4.useSnapshot)($status)));
   };
   return {
     $subscribe,
@@ -748,6 +758,7 @@ function useStore(store) {
   track,
   tryUseCallback,
   tryUseEffect,
+  tryUseInsertionEffect,
   tryUseReducer,
   tryUseRef,
   tryUseState,

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, useCallback, useEffect, useReducer, useRef, useState, DetailedHTMLProps, HTMLAttributes } from 'react';
+import { JSX, ReactNode, PropsWithChildren, ReactElement, FC, ComponentClass, useCallback, useEffect, useInsertionEffect, useReducer, useRef, useState, DetailedHTMLProps, HTMLAttributes } from 'react';
 import * as valtio from 'valtio';
 
 type Value = string | boolean | undefined | null;
@@ -123,6 +123,8 @@ declare const tryUseCallback: typeof useCallback;
 
 declare const tryUseEffect: typeof useEffect;
 
+declare const tryUseInsertionEffect: typeof useInsertionEffect;
+
 declare const tryUseReducer: typeof useReducer;
 
 declare const tryUseRef: typeof useRef;
@@ -292,4 +294,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, 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 };
+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, tryUseInsertionEffect, tryUseReducer, tryUseRef, tryUseState, tryUseUpdate, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStatus, useStore, useUpdate, useWatch, useWhenever, wrapper };

package/dist/index.global.js

@@ -58,6 +58,7 @@ var LibReact = (() => {
     track: () => track,
     tryUseCallback: () => tryUseCallback,
     tryUseEffect: () => tryUseEffect,
+    tryUseInsertionEffect: () => tryUseInsertionEffect,
     tryUseReducer: () => tryUseReducer,
     tryUseRef: () => tryUseRef,
     tryUseState: () => tryUseState,
@@ -1073,11 +1074,20 @@ var LibReact = (() => {
     }
   };
 
-  // src/hooks/tryUseReducer.ts
+  // src/hooks/tryUseInsertionEffect.ts
   var import_react10 = __toESM(require_react(), 1);
+  var tryUseInsertionEffect = (callback, deps) => {
+    try {
+      (0, import_react10.useInsertionEffect)(callback, deps);
+    } catch {
+    }
+  };
+
+  // src/hooks/tryUseReducer.ts
+  var import_react11 = __toESM(require_react(), 1);
   var tryUseReducer = (reducer, initializerArg, initializer) => {
     try {
-      return (0, import_react10.useReducer)(reducer, initializerArg, initializer);
+      return (0, import_react11.useReducer)(reducer, initializerArg, initializer);
     } catch {
       return [initializerArg, () => {
       }];
@@ -1085,20 +1095,20 @@ var LibReact = (() => {
   };
 
   // src/hooks/tryUseRef.ts
-  var import_react11 = __toESM(require_react(), 1);
+  var import_react12 = __toESM(require_react(), 1);
   var tryUseRef = (initialValue) => {
     try {
-      return (0, import_react11.useRef)(initialValue);
+      return (0, import_react12.useRef)(initialValue);
     } catch {
       return { current: initialValue };
     }
   };
 
   // src/hooks/tryUseState.ts
-  var import_react12 = __toESM(require_react(), 1);
+  var import_react13 = __toESM(require_react(), 1);
   var tryUseState = (initialState) => {
     try {
-      return (0, import_react12.useState)(initialState);
+      return (0, import_react13.useState)(initialState);
     } catch {
       return [isFunction_default(initialState) ? initialState() : initialState, noop];
     }
@@ -1122,9 +1132,9 @@ var LibReact = (() => {
   }
 
   // src/hooks/useAsyncCallback.ts
-  var import_react13 = __toESM(require_react(), 1);
+  var import_react14 = __toESM(require_react(), 1);
   function useAsyncCallback(fun) {
-    const [state, set] = (0, import_react13.useState)({ loading: false });
+    const [state, set] = (0, import_react14.useState)({ loading: false });
     async function execute(...args) {
       set({ loading: true });
       return fun(...args).then((value) => {
@@ -1139,11 +1149,11 @@ var LibReact = (() => {
   }
 
   // src/hooks/useAsyncState.ts
-  var import_react14 = __toESM(require_react(), 1);
+  var import_react15 = __toESM(require_react(), 1);
   function useAsyncState(fun, deps = [], options) {
-    const [value, set] = (0, import_react14.useState)(options?.initial);
+    const [value, set] = (0, import_react15.useState)(options?.initial);
     const [loading, execute, error] = useAsyncCallback(async (...args) => fun(...args).then(set));
-    (0, import_react14.useEffect)(
+    (0, import_react15.useEffect)(
       () => {
         execute();
       },
@@ -1153,10 +1163,10 @@ var LibReact = (() => {
   }
 
   // src/hooks/useDebounce.ts
-  var import_react15 = __toESM(require_react(), 1);
+  var import_react16 = __toESM(require_react(), 1);
   function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
-    (0, import_react15.useEffect)(() => {
+    const [debouncedValue, setDebouncedValue] = (0, import_react16.useState)(value);
+    (0, import_react16.useEffect)(() => {
       const handler = setTimeout(() => setDebouncedValue(value), delay);
       return () => clearTimeout(handler);
     }, [value, delay]);
@@ -1182,14 +1192,14 @@ var LibReact = (() => {
   }
 
   // src/hooks/useEventBus.ts
-  var import_react16 = __toESM(require_react(), 1);
+  var import_react17 = __toESM(require_react(), 1);
   var emitter = mitt_default();
   function useEventBus(key) {
-    const onRef = (0, import_react16.useRef)();
+    const onRef = (0, import_react17.useRef)();
     function on(listener) {
       emitter.on(key, listener);
       onRef.current = listener;
-      (0, import_react16.useEffect)(() => {
+      (0, import_react17.useEffect)(() => {
         if (!onRef.current)
           return;
         emitter.off(key, onRef.current);
@@ -1212,9 +1222,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_react17 = __toESM(require_react());
+  var import_react18 = __toESM(require_react());
   var useEffectOnce = function(effect) {
-    (0, import_react17.useEffect)(effect, []);
+    (0, import_react18.useEffect)(effect, []);
   };
   var useEffectOnce_default = useEffectOnce;
 
@@ -1250,23 +1260,23 @@ var LibReact = (() => {
   }
 
   // src/hooks/useMounted.ts
-  var import_react18 = __toESM(require_react(), 1);
+  var import_react19 = __toESM(require_react(), 1);
   function useMounted() {
-    const [mounted, setMounted] = (0, import_react18.useState)(false);
-    (0, import_react18.useEffect)(() => setMounted(true), []);
+    const [mounted, setMounted] = (0, import_react19.useState)(false);
+    (0, import_react19.useEffect)(() => setMounted(true), []);
     return mounted;
   }
 
   // src/hooks/useWatch.ts
-  var import_react19 = __toESM(require_react(), 1);
+  var import_react20 = __toESM(require_react(), 1);
   function useWatch(source, callback, options = {}) {
-    const firstUpdate = (0, import_react19.useRef)(false);
-    const then = (0, import_react19.useRef)();
-    const deps = (0, import_react19.useMemo)(
+    const firstUpdate = (0, import_react20.useRef)(false);
+    const then = (0, import_react20.useRef)();
+    const deps = (0, import_react20.useMemo)(
       () => Array.isArray(source) ? source : [source],
       [source]
     );
-    (0, import_react19.useEffect)(() => {
+    (0, import_react20.useEffect)(() => {
       if (!firstUpdate.current)
         recordFirst();
       else
@@ -1288,7 +1298,7 @@ var LibReact = (() => {
   }
 
   // src/storage/defineStore.ts
-  var import_react20 = __toESM(require_react(), 1);
+  var import_react21 = __toESM(require_react(), 1);
 
   // src/storage/persistant.ts
   function proxyWithPersistant(keyOrOptions, initialObject) {
@@ -1340,10 +1350,10 @@ var LibReact = (() => {
         Object.assign($state, patch);
     }
     function $signal(fn) {
-      return (0, import_react20.createElement)(() => fn(useSnapshot($state)));
+      return (0, import_react21.createElement)(() => fn(useSnapshot($state)));
     }
     $signal.status = function(fn) {
-      return (0, import_react20.createElement)(() => fn(useSnapshot($status)));
+      return (0, import_react21.createElement)(() => fn(useSnapshot($status)));
     };
     return {
       $subscribe,

package/dist/index.js

@@ -292,6 +292,15 @@ var tryUseEffect = (effect, deps) => {
   }
 };
 
+// src/hooks/tryUseInsertionEffect.ts
+import { useInsertionEffect } from "react";
+var tryUseInsertionEffect = (callback, deps) => {
+  try {
+    useInsertionEffect(callback, deps);
+  } catch {
+  }
+};
+
 // src/hooks/tryUseReducer.ts
 import { useReducer } from "react";
 var tryUseReducer = (reducer, initializerArg, initializer) => {
@@ -679,6 +688,7 @@ export {
   track,
   tryUseCallback,
   tryUseEffect,
+  tryUseInsertionEffect,
   tryUseReducer,
   tryUseRef,
   tryUseState,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hairy/react-lib",
   "type": "module",
-  "version": "1.28.0",
+  "version": "1.29.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.28.0"
+    "@hairy/utils": "1.29.0"
   },
   "scripts": {
     "build": "tsup",