Merge pull request #6 from VPKSoftOrg/debounceGridSizeCalculation

VPKSoft · web-flow · commit 2202c471faac · 2025-05-11T12:54:07.000+03:00
Debounce grid size calculation
diff --git a/biome.json b/biome.json
@@ -1,14 +1,13 @@
 {
-    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+    "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
     "vcs": {
         "enabled": false,
         "clientKind": "git",
         "useIgnoreFile": false
     },
     "files": {
-        "include": ["src/**/*.ts", "src/**/*.tsx"],
-        "ignoreUnknown": false,
-        "ignore": ["vite-env.d.ts", "PasswordKeeper-help"]
+        "includes": ["src/**/*.ts", "src/**/*.tsx", "!src/**/*.d.ts"],
+        "ignoreUnknown": false
     },
     "formatter": {
         "enabled": true,
@@ -17,23 +16,17 @@
         "indentWidth": 4,
         "lineEnding": "lf"
     },
-    "organizeImports": {
-        "enabled": true
-    },
     "linter": {
         "enabled": true,
         "rules": {
             "nursery": {
-                "useConsistentCurlyBraces": "error"
+                "useConsistentCurlyBraces": "error",
+                "useExportsLast": "error"
             },
             "recommended": false,
-            "a11y": {
-                "noBlankTarget": "error"
-            },
             "complexity": {
                 "noExtraBooleanCast": "error",
                 "noForEach": "error",
-                "noMultipleSpacesInRegularExpressionLiterals": "error",
                 "noStaticOnlyClass": "error",
                 "noUselessCatch": "error",
                 "noUselessSwitchCase": "error",
@@ -136,8 +129,7 @@
                 "useNumberToFixedDigitsArgument": "error",
                 "useValidTypeof": "error"
             }
-        },
-        "ignore": ["**/.eslintrc.cjs", "src/localization/rust_i18n_transform", "**/vite.config.ts", "main.tsx"]
+        }
     },
     "javascript": {
         "formatter": {
diff --git a/index.html b/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/Main.tsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "json-dictionary-browser",
   "description": "JSON Dictionary Browser",
   "private": true,
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -27,7 +27,7 @@
     "styled-components": "^6.1.17"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.4",
+    "@biomejs/biome": "^2.0.0-beta.2",
     "@types/node": "^22.15.3",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.3",
diff --git a/src/App.tsx b/src/App.tsx
@@ -198,10 +198,6 @@ let App = ({ className }: Props) => {
         setScrollHeight(totalHeight);
     }, []);
 
-    React.useEffect(() => {
-        onResize();
-    }, [onResize]);
-
     React.useEffect(() => {
         globalThis.addEventListener("resize", onResize);
         return () => {
@@ -245,6 +241,13 @@ let App = ({ className }: Props) => {
         setAboutPopupVisible(true);
     }, []);
 
+    React.useEffect(() => {
+        const timeout = globalThis.setTimeout(onResize, 1000);
+        return () => {
+            globalThis.clearTimeout(timeout);
+        };
+    }, [onResize]);
+
     return (
         <div id="App" className={classNames(className, App.name)}>
             {contextHolder}
diff --git a/src/Components/DragDropOpenFileArea.tsx b/src/Components/DragDropOpenFileArea.tsx
@@ -9,6 +9,7 @@ type DropButtonProps = ButtonProps & {
 };
 
 let StyledButton = (props: DropButtonProps) => {
+    // biome-ignore lint/correctness/noUnusedVariables: the canDrop prop is not used by the Button component
     const { canDrop, ...restProps } = props;
     return <Button {...restProps} />;
 };
diff --git a/src/Hooks/Notify.ts b/src/Hooks/Notify.ts
@@ -4,7 +4,7 @@ import * as React from "react";
 /**
  * Notification types for the {@link useNotify} hook.
  */
-export type NotificationType = "success" | "info" | "warning" | "error";
+type NotificationType = "success" | "info" | "warning" | "error";
 
 /**
  * A custom hook for antd notifications.
@@ -30,3 +30,4 @@ const useNotify = (): [
 };
 
 export { useNotify };
+export type { NotificationType };
diff --git a/src/Main.tsx b/src/Main.tsx
diff --git a/src/PwaBadge.tsx b/src/PwaBadge.tsx
@@ -53,8 +53,6 @@ const PwaBadge = () => {
     );
 };
 
-export { PwaBadge };
-
 /**
  * This function will register a periodic sync check every hour, you can modify the interval as needed.
  */
@@ -81,3 +79,5 @@ const registerPeriodicSync = (period: number, swUrl: string, r: ServiceWorkerReg
         }
     }, period);
 };
+
+export { PwaBadge };
diff --git a/src/Utilities/Images.ts b/src/Utilities/Images.ts
@@ -1,4 +1,4 @@
 export { default as LogoImage } from "../Images/LogoOnly.svg";
+export { default as NetlifyLogo } from "../Images/NetlifyLogo.svg";
 export { default as GithubLogo } from "../Images/Octicons-mark-github.svg";
 export { default as GithubLogoWhite } from "../Images/Octicons-mark-github-white.svg";
-export { default as NetlifyLogo } from "../Images/NetlifyLogo.svg";
