Claude/team enhancement planning aaj2 i

frontend/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@cubone/react-file-manager",
+  "name": "@sush0408/react-file-manager",
   "private": false,
   "version": "1.10.5",
   "type": "module",
@@ -14,31 +14,43 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "tsc --noEmit && vite build",
+    "typecheck": "tsc --noEmit",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
     "semantic-release": "semantic-release"
   },
   "dependencies": {
     "@fontsource/nunito-sans": "^5.2.7",
     "i18next": "^25.0.0",
     "react-collapsed": "^4.2.0",
-    "react-icons": "^5.4.0"
+    "react-icons": "^5.4.0",
+    "react-window": "^2.2.7"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
+    "@vitest/coverage-v8": "^4.0.18",
     "axios": "^1.7.7",
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.34.2",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "jsdom": "^28.1.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "sass": "^1.77.6",
     "semantic-release": "^24.1.0",
-    "vite": "^6.4.1"
+    "typescript": "^5.5.0",
+    "vite": "^6.4.1",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -56,18 +68,19 @@
   "main": "src/index.js",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Saifullah-dev/react-file-manager.git"
+    "url": "git+https://github.com/sush0408/react-file-manager.git"
   },
   "keywords": [
     "react",
     "file-manager",
     "component",
-    "react-file explorer"
+    "react-file-explorer",
+    "file-explorer"
   ],
-  "author": "Saifullah Zubair",
+  "author": "sush0408",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/Saifullah-dev/react-file-manager/issues"
+    "url": "https://github.com/sush0408/react-file-manager/issues"
   },
-  "homepage": "https://github.com/Saifullah-dev/react-file-manager#readme"
+  "homepage": "https://github.com/sush0408/react-file-manager#readme"
 }

frontend/src/FileManager/Actions/Actions.jsx

@@ -1,8 +1,10 @@
-import { useEffect, useState } from "react";
+import { lazy, Suspense, useEffect, useState } from "react";
 import Modal from "../../components/Modal/Modal";
-import DeleteAction from "./Delete/Delete.action";
-import UploadFileAction from "./UploadFile/UploadFile.action";
-import PreviewFileAction from "./PreviewFile/PreviewFile.action";
+import Loader from "../../components/Loader/Loader";
+
+const DeleteAction = lazy(() => import("./Delete/Delete.action"));
+const UploadFileAction = lazy(() => import("./UploadFile/UploadFile.action"));
+const PreviewFileAction = lazy(() => import("./PreviewFile/PreviewFile.action"));
 import { useSelection } from "../../contexts/SelectionContext";
 import { useShortcutHandler } from "../../hooks/useShortcutHandler";
 import { useTranslation } from "../../contexts/TranslationProvider";
@@ -78,7 +80,9 @@ const Actions = ({
         setShow={triggerAction.close}
         dialogWidth={activeAction.width}
       >
-        {activeAction?.component}
+        <Suspense fallback={<Loader loading={true} />}>
+          {activeAction?.component}
+        </Suspense>
       </Modal>
     );
   }