@geee-be/react-utils 1.0.7 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @geee-be/react-utils
 
+## 1.1.0
+
+### Minor Changes
+
+- f3bfc8c: migrate from eslint & prettier to biome
+
 ## 1.0.7
 
 ### Patch Changes

package/dist/hooks/state.util.js

@@ -2,7 +2,9 @@ export const deserialize = (serialized, fromSerializable) => {
     if (!serialized || typeof serialized !== 'string')
         return undefined;
     try {
-        return fromSerializable ? fromSerializable(JSON.parse(serialized)) : JSON.parse(serialized);
+        return fromSerializable
+            ? fromSerializable(JSON.parse(serialized))
+            : JSON.parse(serialized);
     }
     catch {
         return undefined;

package/dist/hooks/use-broadcast-channel.js

@@ -22,7 +22,7 @@ import { useCallback, useEffect, useMemo } from 'react';
  */
 export const useBroadcastChannel = (channelName, handleMessage, handleMessageError) => {
     const channel = useMemo(() => typeof window !== 'undefined' && 'BroadcastChannel' in window
-        ? new BroadcastChannel(channelName + '-channel')
+        ? new BroadcastChannel(`${channelName}-channel`)
         : null, [channelName]);
     useChannelEventListener(channel, 'message', handleMessage);
     useChannelEventListener(channel, 'messageerror', handleMessageError);

package/dist/hooks/use-history-state.js

@@ -3,12 +3,10 @@ import { useEffect, useState } from 'react';
 import { deserialize, getInitialValue, serialize } from './state.util.js';
 export const useHistoryState = (key, initialValue, replace = true, options) => {
     if (typeof history === 'undefined') {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-return
         return [undefined, () => { }];
     }
-    const [value, setValue] = useState(
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    () => deserialize(history.state?.[key], options?.fromSerializable) ?? getInitialValue(initialValue));
+    const [value, setValue] = useState(() => deserialize(history.state?.[key], options?.fromSerializable) ??
+        getInitialValue(initialValue));
     useEffect(() => {
         if (replace) {
             history.replaceState({ ...history.state, [key]: serialize(value, options?.toSerializable) }, '');
@@ -16,6 +14,6 @@ export const useHistoryState = (key, initialValue, replace = true, options) => {
         else {
             history.pushState({ ...history.state, [key]: serialize(value, options?.toSerializable) }, '');
         }
-    }, [key, value]);
+    }, [key, value, options?.toSerializable, replace]);
     return [value, setValue];
 };

package/dist/hooks/use-local-state.js

@@ -6,7 +6,8 @@ import { deserialize, getInitialValue, serialize } from './state.util.js';
 export const useLocalState = (key, initialValue, options) => {
     const readValue = useCallback(() => {
         const item = localStorage.getItem(key);
-        return deserialize(item, options?.fromSerializable) ?? getInitialValue(initialValue);
+        return (deserialize(item, options?.fromSerializable) ??
+            getInitialValue(initialValue));
     }, [key, options?.fromSerializable, initialValue]);
     const [storedValue, setStoredValue] = useState(readValue);
     const setValue = useCallback((value) => {
@@ -17,7 +18,8 @@ export const useLocalState = (key, initialValue, options) => {
     const storageValueChanged = useCallback((ev) => {
         if (ev.storageArea !== localStorage || ev.key !== key)
             return;
-        setStoredValue(deserialize(ev.newValue, options?.fromSerializable) ?? getInitialValue(initialValue));
+        setStoredValue(deserialize(ev.newValue, options?.fromSerializable) ??
+            getInitialValue(initialValue));
     }, [key, options?.fromSerializable, initialValue]);
     useEffect(() => {
         window.addEventListener('storage', storageValueChanged);

package/dist/hooks/use-local-state.stories.js

@@ -6,8 +6,10 @@ const meta = {
 export default meta;
 export const Primary = {
     render: () => {
-        const [value, setValue] = useLocalState('story-use-local-state', { val: 1 });
+        const [value, setValue] = useLocalState('story-use-local-state', {
+            val: 1,
+        });
         console.log('render', value);
-        return (_jsxs("div", { children: [JSON.stringify(value), _jsx("button", { onClick: () => setValue((prev) => ({ val: prev.val + 1 ?? -2 })), children: "Inc" })] }));
+        return (_jsxs("div", { children: [JSON.stringify(value), _jsx("button", { type: "button", onClick: () => setValue((prev) => ({ val: prev.val + 1 ?? -2 })), children: "Inc" })] }));
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geee-be/react-utils",
-  "version": "1.0.7",
+  "version": "1.1.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -32,8 +32,8 @@
     "prebuild": "rimraf dist/*",
     "build": "tsc",
     "build-storybook": "storybook build",
-    "lint": "npm run lint:eslint && npm run lint:types && npm run lint:unused-exports",
-    "lint:eslint": "eslint src/ --ext .ts,.tsx",
+    "lint": "npm run lint:biome && npm run lint:types && npm run lint:unused-exports",
+    "lint:biome": "biome ci src/",
     "lint:types": "tsc --noEmit",
     "lint:unused-exports": "ts-unused-exports tsconfig.unused-exports.json --excludePathsFromReport=src/index.ts",
     "prestart:dev": "rimraf dist/*",

package/src/hooks/index.ts

@@ -1,4 +1,3 @@
 export * from './use-broadcast-channel.js';
 export * from './use-history-state.js';
 export * from './use-local-state.js';
-

package/src/hooks/state.util.ts

@@ -3,16 +3,24 @@ export interface SerializationOptions<T, S> {
   toSerializable: (value: T) => S;
 }
 
-export const deserialize = <T, S>(serialized: unknown, fromSerializable?: (value: S) => T): T | undefined => {
+export const deserialize = <T, S>(
+  serialized: unknown,
+  fromSerializable?: (value: S) => T,
+): T | undefined => {
   if (!serialized || typeof serialized !== 'string') return undefined;
   try {
-    return fromSerializable ? fromSerializable(JSON.parse(serialized) as S) : (JSON.parse(serialized) as T);
+    return fromSerializable
+      ? fromSerializable(JSON.parse(serialized) as S)
+      : (JSON.parse(serialized) as T);
   } catch {
     return undefined;
   }
 };
 
-export const serialize = <T, S>(value: T, toSerializable?: (value: T) => S): string => {
+export const serialize = <T, S>(
+  value: T,
+  toSerializable?: (value: T) => S,
+): string => {
   try {
     return JSON.stringify(toSerializable ? toSerializable(value) : value);
   } catch {

package/src/hooks/use-broadcast-channel.ts

@@ -30,7 +30,7 @@ export const useBroadcastChannel = <T = string>(
   const channel = useMemo(
     () =>
       typeof window !== 'undefined' && 'BroadcastChannel' in window
-        ? new BroadcastChannel(channelName + '-channel')
+        ? new BroadcastChannel(`${channelName}-channel`)
         : null,
     [channelName],
   );

package/src/hooks/use-history-state.ts

@@ -12,21 +12,27 @@ export const useHistoryState = <T, S = T>(
   options?: SerializationOptions<T, S>,
 ): [T, Dispatch<SetStateAction<T>>] => {
   if (typeof history === 'undefined') {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
     return [undefined as any, () => {}];
   }
   const [value, setValue] = useState<T>(
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    () => deserialize(history.state?.[key], options?.fromSerializable) ?? getInitialValue(initialValue),
+    () =>
+      deserialize(history.state?.[key], options?.fromSerializable) ??
+      getInitialValue(initialValue),
   );
 
   useEffect(() => {
     if (replace) {
-      history.replaceState({ ...history.state, [key]: serialize(value, options?.toSerializable) }, '');
+      history.replaceState(
+        { ...history.state, [key]: serialize(value, options?.toSerializable) },
+        '',
+      );
     } else {
-      history.pushState({ ...history.state, [key]: serialize(value, options?.toSerializable) }, '');
+      history.pushState(
+        { ...history.state, [key]: serialize(value, options?.toSerializable) },
+        '',
+      );
     }
-  }, [key, value]);
+  }, [key, value, options?.toSerializable, replace]);
 
   return [value, setValue];
 };

package/src/hooks/use-local-state.stories.tsx

@@ -10,12 +10,19 @@ type Story = StoryObj;
 
 export const Primary: Story = {
   render: () => {
-    const [value, setValue] = useLocalState('story-use-local-state', { val: 1 });
+    const [value, setValue] = useLocalState('story-use-local-state', {
+      val: 1,
+    });
     console.log('render', value);
     return (
       <div>
         {JSON.stringify(value)}
-        <button onClick={() => setValue((prev) => ({ val: prev.val + 1 ?? -2 }))}>Inc</button>
+        <button
+          type="button"
+          onClick={() => setValue((prev) => ({ val: prev.val + 1 ?? -2 }))}
+        >
+          Inc
+        </button>
       </div>
     );
   },

package/src/hooks/use-local-state.ts

@@ -16,7 +16,10 @@ export const useLocalState = <T, S = T>(
 ): [T, SetValue<T>] => {
   const readValue = useCallback((): T => {
     const item = localStorage.getItem(key);
-    return deserialize<T, S>(item, options?.fromSerializable) ?? getInitialValue(initialValue);
+    return (
+      deserialize<T, S>(item, options?.fromSerializable) ??
+      getInitialValue(initialValue)
+    );
   }, [key, options?.fromSerializable, initialValue]);
 
   const [storedValue, setStoredValue] = useState<T>(readValue);
@@ -25,7 +28,10 @@ export const useLocalState = <T, S = T>(
     (value) => {
       const newValue = value instanceof Function ? value(storedValue) : value;
       setStoredValue(newValue);
-      localStorage.setItem(key, serialize<T, S>(newValue, options?.toSerializable));
+      localStorage.setItem(
+        key,
+        serialize<T, S>(newValue, options?.toSerializable),
+      );
     },
     [key, options?.toSerializable, storedValue],
   );
@@ -33,7 +39,10 @@ export const useLocalState = <T, S = T>(
   const storageValueChanged = useCallback(
     (ev: StorageEvent) => {
       if (ev.storageArea !== localStorage || ev.key !== key) return;
-      setStoredValue(deserialize<T, S>(ev.newValue, options?.fromSerializable) ?? getInitialValue(initialValue));
+      setStoredValue(
+        deserialize<T, S>(ev.newValue, options?.fromSerializable) ??
+          getInitialValue(initialValue),
+      );
     },
     [key, options?.fromSerializable, initialValue],
   );

package/tsconfig.json

@@ -1,8 +1,21 @@
 {
-  "extends": "../create/tsconfig.web.json",
   "compilerOptions": {
+    "allowJs": false,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": false,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "module": "ESNext",
+    "moduleResolution": "Node",
     "noEmit": false,
-    "outDir": "./dist"
+    "outDir": "./dist",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ESNext",
+    "useDefineForClassFields": true
   },
   "include": ["./src"]
 }