@pdg/react-hook 1.0.20 → 1.0.22

package/dist/index.d.ts

@@ -7,3 +7,7 @@ export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRef
 export { default as useForwardRef } from './useForwardRef';
 export { default as useAutoUpdateRef } from './useAutoUpdateRef';
 export { default as useAutoUpdateLayoutRef } from './useAutoUpdateLayoutRef';
+export { default as usePerformance } from './usePerformance';
+export { default as useLayoutPerformance } from './useLayoutPerformance';
+export { default as useAutoForceUpdate } from './useAutoForceUpdate';
+export { default as useForceUpdate } from './useForceUpdate';

package/dist/index.esm.js

@@ -151,4 +151,32 @@ function useAutoUpdateLayoutRefState(state, callback) {
         valueRef.current = value;
     }, [value]);
     return valueRef;
-}export{useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForwardRef};
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    useEffect(function () {
+        console.log('Performance', '-', name, performance.now() - beginTime);
+    });
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function useAutoForceUpdate(name, interval) {
+    var _a = useState(0), setTick = _a[1];
+    useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                console.log('Auto Force Update', '-', name, old + 1);
+                return old + 1;
+            });
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function useForceUpdate() {
+    var _a = useState(0), setValue = _a[1];
+    return useCallback(function () {
+        setValue(function (old) { return old + 1; });
+    }, []);
+}export{useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardRef,useLayoutPerformance,usePerformance};

package/dist/index.js

@@ -151,4 +151,32 @@ function useAutoUpdateLayoutRefState(state, callback) {
         valueRef.current = value;
     }, [value]);
     return valueRef;
-}exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForwardRef=useForwardRef;
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    react.useEffect(function () {
+        console.log('Performance', '-', name, performance.now() - beginTime);
+    });
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    react.useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function useAutoForceUpdate(name, interval) {
+    var _a = react.useState(0), setTick = _a[1];
+    react.useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                console.log('Auto Force Update', '-', name, old + 1);
+                return old + 1;
+            });
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function useForceUpdate() {
+    var _a = react.useState(0), setValue = _a[1];
+    return react.useCallback(function () {
+        setValue(function (old) { return old + 1; });
+    }, []);
+}exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardRef=useForwardRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;

package/dist/useAutoForceUpdate.d.ts

@@ -0,0 +1 @@
+export default function useAutoForceUpdate(name: string, interval: number): void;

package/dist/useForceUpdate.d.ts

@@ -0,0 +1 @@
+export default function useForceUpdate(): () => void;

package/dist/useLayoutPerformance.d.ts

@@ -0,0 +1 @@
+export default function useLayoutPerformance(name: string): void;

package/dist/usePerformance.d.ts

@@ -0,0 +1 @@
+export default function usePerformance(name: string): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -40,8 +40,7 @@
   "peerDependencies": {
     "@pdg/util": "^1.0.22",
     "@types/react": "^17.0.0 || ^18.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",