location devices ui static (#907)

* add standalone device modal init * add standalone device modal complete UI * update ui module * remove web3 remnants * devices list item actions * upgrade node to 22 in Dockerfile * update ui module * up
DefGuard · Dec 16, 2024 · b5bdde2 · b5bdde2
1 parent cf37d34
commit b5bdde2
Show file tree

Hide file tree

Showing 60 changed files with 4,738 additions and 3,646 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:20-alpine as web
+FROM node:22-alpine as web
 
 WORKDIR /app
 COPY web/package.json web/pnpm-lock.yaml web/.npmrc .

diff --git a/web/.eslintrc.cjs b/web/.eslintrc.cjs
@@ -16,7 +16,7 @@ module.exports = {
   parserOptions: {
     ecmaVersion: 'latest',
     sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
+    project: ['./tsconfig.json', './tsconfig.node.json', './tsconfig.app.json'],
     tsconfigRootDir: __dirname,
   },
   plugins: ['react-refresh', 'react-hooks', 'simple-import-sort'],

diff --git a/web/.gitignore b/web/.gitignore
@@ -0,0 +1 @@
+*.local*
diff --git a/web/.nvmrc b/web/.nvmrc
@@ -1 +1 @@
-v21.6
+v22
diff --git a/web/package.json b/web/package.json
@@ -8,13 +8,9 @@
     "generate-translation-types": "typesafe-i18n --no-watch",
     "lint": "eslint -c ./.eslintrc.cjs --ignore-path .eslintignore --ext .ts --ext .tsx src/ && prettier --check 'src/**/*.{ts,tsx,scss}' && tsc",
     "fix": "prettier -w 'src/**/*.{ts,tsx,scss}' && eslint -c ./.eslintrc.cjs --ignore-path .eslintignore --fix --ext .ts --ext .tsx src/",
-    "parse-core-svgs": "svgr --no-index --jsx-runtime 'automatic' --svgo-config ./svgo.config.json --prettier-config ./.prettierrc --out-dir ./src/shared/components/svg/ --typescript ./src/shared/images/svg/",
-    "parse-ui-svgs": "svgr --no-index --jsx-runtime 'automatic' --svgo-config ./svgo.config.json --prettier-config ./.prettierrc --out-dir ./src/shared/defguard-ui/components/svg/ --typescript ./src/shared/defguard-ui/images/svg/",
-    "parse-svgs": "pnpm parse-ui-svgs && pnpm parse-core-svgs",
     "build-doc-ci": "typedoc --readme ./docs/README.md --out ./docs --entryPointStrategy expand --tsconfig ./tsconfig.json ./src/shared/components/layout ./src/shared/components/modals ./src/shared/components/Router ./src/shared/components/Toasts",
     "typesafe-i18n": "typesafe-i18n",
     "vite": "vite",
-    "svgr": "svgr",
     "eslint": "eslint",
     "prettier": "prettier"
   },
@@ -35,118 +31,101 @@
       "ignoreMissing": [
         "react-native"
       ]
-    },
-    "overrides": {
-      "rollup": "npm:@rollup/wasm-node"
     }
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.7",
+    "@floating-ui/react": "^0.27.0",
     "@github/webauthn-json": "^2.1.1",
-    "@hookform/resolvers": "^3.3.4",
+    "@hookform/resolvers": "^3.9.1",
     "@ladle/react": "^4.0.2",
-    "@metamask/detect-provider": "^2.0.0",
     "@react-rxjs/core": "^0.10.7",
-    "@stablelib/base64": "^1.0.1",
-    "@stablelib/x25519": "^1.0.3",
+    "@stablelib/base64": "^2.0.0",
+    "@stablelib/x25519": "^2.0.0",
     "@tanstack/query-core": "^4.36.1",
     "@tanstack/react-query": "^4.36.1",
     "@tanstack/react-virtual": "3.0.0-beta.9",
     "@tanstack/virtual-core": "3.0.0-beta.9",
-    "@tauri-apps/api": "^1.5.3",
-    "@types/react-virtualized-auto-sizer": "^1.0.4",
-    "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-legacy": "^5.3.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "axios": "^1.6.7",
-    "byte-size": "^8.1.1",
+    "axios": "^1.7.9",
+    "byte-size": "^9.0.1",
     "classnames": "^2.5.1",
-    "dayjs": "^1.11.10",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.13",
     "detect-browser": "^5.3.0",
-    "ethers": "^6.10.0",
     "events": "^3.3.0",
     "fast-deep-equal": "^3.1.3",
     "file-saver": "^2.0.5",
     "framer-motion": "^11.0.3",
     "get-text-width": "^1.0.3",
     "hex-rgb": "^5.0.0",
-    "html-react-parser": "^5.1.1",
+    "html-react-parser": "^5.2.0",
     "ipaddr.js": "^2.2.0",
-    "itertools": "^2.2.3",
+    "itertools": "^2.3.2",
     "lodash-es": "^4.17.21",
-    "numbro": "^2.4.0",
-    "qrcode": "^1.5.3",
-    "radash": "^11.0.0",
+    "numbro": "^2.5.0",
+    "qrcode": "^1.5.4",
+    "radash": "^12.1.0",
     "react": "^18.2.0",
-    "react-click-away-listener": "^2.2.3",
+    "react-click-away-listener": "^2.2.4",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.49.3",
+    "react-hook-form": "^7.54.0",
     "react-idle-timer": "^5.7.2",
     "react-is": "^18.2.0",
-    "react-loading-skeleton": "^3.3.1",
+    "react-loading-skeleton": "^3.5.0",
     "react-markdown": "^9.0.1",
-    "react-qr-code": "^2.0.12",
+    "react-qr-code": "^2.0.15",
+    "react-resize-detector": "^12.0.1",
     "react-router": "^6.21.3",
     "react-router-dom": "^6.21.3",
-    "react-virtualized-auto-sizer": "^1.0.21",
+    "react-tracked": "^2.0.1",
+    "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "recharts": "^2.10.4",
     "rxjs": "^7.8.1",
-    "terser": "^5.27.0",
     "typesafe-i18n": "^5.26.2",
-    "use-breakpoint": "^4.0.1",
-    "zod": "^3.22.4",
-    "zustand": "^4.5.0"
+    "use-breakpoint": "^4.0.5",
+    "zod": "^3.24.1",
+    "zustand": "^5.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@csstools/css-parser-algorithms": "^2.5.0",
-    "@csstools/css-tokenizer": "^2.2.3",
+    "@babel/core": "^7.26.0",
+    "@csstools/css-parser-algorithms": "^3.0.4",
+    "@csstools/css-tokenizer": "^3.0.3",
     "@hookform/devtools": "^4.3.1",
-    "@rollup/wasm-node": "^4.28.1",
-    "@svgr/cli": "^8.1.0",
     "@tanstack/react-query-devtools": "^4.36.1",
     "@types/byte-size": "^8.1.2",
     "@types/file-saver": "^2.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.11.7",
+    "@types/node": "^22.10.2",
     "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
     "@types/react-router-dom": "^5.3.3",
+    "@types/react-virtualized-auto-sizer": "^1.0.4",
+    "@types/react-window": "^1.8.8",
     "@typescript-eslint/eslint-plugin": "^6.19.1",
     "@typescript-eslint/parser": "^6.19.1",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.17",
-    "concurrently": "^8.2.2",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "autoprefixer": "^10.4.20",
+    "concurrently": "^9.1.0",
     "dotenv": "^16.4.7",
-    "esbuild": "^0.19.12",
+    "esbuild": "^0.24.0",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
-    "postcss": "^8.4.33",
-    "prettier": "^3.2.4",
-    "prop-types": "^15.8.1",
-    "rollup": "npm:@rollup/wasm-node@^4.28.1",
-    "rollup-plugin-preserve-directives": "^0.3.1",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.16",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "postcss": "^8.4.49",
+    "prettier": "^3.4.2",
     "sass": "^1.70.0",
     "standard-version": "^9.5.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^13.0.0",
-    "stylelint-scss": "^6.1.0",
-    "typedoc": "^0.25.7",
+    "typedoc": "^0.27.4",
     "typescript": "~5.3.3",
     "typescript-eslint-language-service": "^5.0.5",
-    "vite": "^5.0.12",
+    "vite": "^6.0.3",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-package-version": "^1.1.0"
-  },
-  "volta": {
-    "node": "20.5.1"
   }
 }