[FIX] various

Author: Andrea Cosentino

README.md

@@ -829,7 +829,7 @@ useInterval<TArgs extends unknown[]>(callback: (...args: TArgs) => void, delay:
 
 Hook to use [Web Locks API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Locks_API). [See demo](https://react-tools.ndria.dev/#/hooks/api-dom/useLock)
 ```tsx
-useLock<T>(name?: string, cb?: LockGrantedCallback, opts?: LockOptions): [(currName?: string, currCb?: LockGrantedCallback, currOpts?: LockOptions) => Promise<T>, () => Promise<LockManagerSnapshot>]
+useLock<T>(name?: string, cb?: LockGrantedCallback<T>, opts?: LockOptions): [(currName?: string, currCb?: LockGrantedCallback<T>, currOpts?: LockOptions) => Promise<T>, () => Promise<LockManagerSnapshot>]
 ```
 
 ### useMediaDevices

apps/react-tools-demo/eslint.config.js

@@ -0,0 +1,43 @@
+// eslint.config.js
+import js from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+
+export default [
+	{
+		ignores: ['dist'],
+	},
+	js.configs.recommended,
+	...tseslint.configs.recommended,
+	{
+		plugins: {
+			'react-hooks': reactHooks,
+			'react-refresh': reactRefresh
+		},
+		languageOptions: {
+			parser: tseslint.parser,
+			ecmaVersion: 'latest',
+			sourceType: 'module',
+			globals: {
+				window: 'readonly',
+				document: 'readonly',
+			},
+		},
+		rules: {
+			'react-refresh/only-export-components': [
+				'warn',
+				{
+					allowConstantExport: true,
+				},
+			],
+			'react-hooks/exhaustive-deps': [
+				'warn',
+				{
+					additionalHooks: "(useMemoCompare|useMemoDeepCompare|useCallbackCompare|useCallbackDeepCompare|useLayoutEffectCompare|useLayoutEffectDeepCompare|useInsertionEffectCompare|useInsertionEffectDeepCompare|useEffectCompare|useEffectDeepCompare|usePromiseSuspensible)",
+				},
+			],
+			'@typescript-eslint/no-explicit-any': 'warn',
+		},
+	},
+];

apps/react-tools-demo/package.json

@@ -1,7 +1,7 @@
 {
     "name": "react-tools-demo",
     "private": true,
-    "version": "1.10.5",
+    "version": "1.11.0",
     "type": "module",
     "scripts": {
         "generator": "node scripts/generateMarkdown.js && node scripts/generateRouter.js && node scripts/generateMainLayout.js",
@@ -17,22 +17,22 @@
         "react-transition-group": "^4.4.5"
     },
     "devDependencies": {
+        "@eslint/js": "^9.38.0",
         "@types/react": "^18.2.55",
         "@types/react-dom": "^18.2.19",
         "@types/react-syntax-highlighter": "^15.5.11",
         "@types/react-transition-group": "^4.4.10",
-        "@typescript-eslint/eslint-plugin": "^7.12.0",
-        "@typescript-eslint/parser": "^7.12.0",
         "@vitejs/plugin-react": "^4.2.1",
-        "eslint": "^8.56.0",
-        "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-react-refresh": "^0.4.5",
+        "eslint": "^9.38.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "eslint-plugin-react-refresh": "^0.4.24",
         "react-markdown": "^9.0.1",
         "react-router-dom": "^6.22.0",
         "react-syntax-highlighter": "^15.5.0",
         "remark-gfm": "^4.0.0",
-        "typescript": "^5.4.5",
-        "vite": "^5.1.5",
-        "vite-plugin-mkcert": "^1.17.3"
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.46.2",
+        "vite": "^5.4.21",
+        "vite-plugin-mkcert": "^1.17.9"
     }
 }

apps/react-tools-demo/src/markdown/useLock.md

@@ -117,17 +117,17 @@ export const UseLock = () => {
 ## API
 
 ```tsx
-useLock<T>(name?: string, cb?: LockGrantedCallback, opts?: LockOptions): [(currName?: string, currCb?: LockGrantedCallback, currOpts?: LockOptions) => Promise<T>, () => Promise<LockManagerSnapshot>]
+useLock<T>(name?: string, cb?: LockGrantedCallback<T>, opts?: LockOptions): [(currName?: string, currCb?: LockGrantedCallback<T>, currOpts?: LockOptions) => Promise<T>, () => Promise<LockManagerSnapshot>]
 ```
 
 
 > ### Params
 >
 > - __name?__: _string_  
 an identifier for the lock.
-> - __options?__: _LockGrantedCallback | LockOptions_  
+> - __options?__: _LockGrantedCallback<T> | LockOptions_  
 an object describing characteristics of the lock.
-> - __callback?__: _LockGrantedCallback_  
+> - __callback?__: _LockGrantedCallback<T>_  
 method called when the lock is granted.
 >
 
@@ -136,7 +136,7 @@ method called when the lock is granted.
 > ### Returns
 >
 > __result__:  __Array__:  
-    - _<T>(currName?: string, currCb?: LockGrantedCallback, currOpts?: LockOptions) => Promise<T>_  
+    - _<T>(currName?: string, currCb?: LockGrantedCallback<T>, currOpts?: LockOptions) => Promise<T>_  
     - _() => Promise<LockManagerSnapshot>_  
 > Array with two element:
 > - first element: __acquire__ function that requests a Lock object with parameters specified in hook invocation or passed to this function. The requested Lock is passed to the callback specified in hook or passed to this function. It returns a Promise that resolves (or rejects) with the result of the callback after the lock is released, or rejects if the request is aborted.

apps/react-tools-demo/src/pages/hooks/state/useStateGetReset/UseStateGetReset.tsx

@@ -4,6 +4,7 @@ import { Input } from './InputMemo';
 
 const Demo = memo(({ setS, getS, reset }: { setS: ReturnType<typeof useStateGetReset>[1], getS: ReturnType<typeof useStateGetReset>[2], reset: ReturnType<typeof useStateGetReset>[3] }) => {
 	console.log("rerender");
+	//@ts-ignore
 	const ss = () => setS || getS() || reset();
 	return <>
 		<p>DEMO</p>