feat: add a configure node modal (#125)

* feat(WIP): add a configure node modal

* feat(WIP): add configure node tabs to support multiple protocols

* feat(WIP): update SS form tab

* feat(WIP): update SSR form tab

* feat(WIP): update trojan form tab

* feat(WIP): update http form tab

* feat(WIP): update socks5 form tab

* feat: finish vless & vmess protocols

* feat: finish ss protocol

* feat: finish ssr protocol

* feat: finish trojan protocol

* feat: finish http protocol

* feat: finish socks5 protocol

* chore: import constants from index file

* chore: move forms into its own component

* feat(configure-node): add translations

* feat(configure-node): add a button for node creation

* fix(configure-node): correcting trojan schema server validation

* fix: correcting autoConfigKernelParameter zh-Hans translation

* fix: reload after updating/removing subscription

* fix(configure-node): add missing onLinkGeneration call

---------

Co-authored-by: Kevin Yu <[email protected]>

.eslintrc.yml

@@ -37,6 +37,15 @@ rules:
     - blankLine: always
       prev: '*'
       next: if
+    - blankLine: always
+      prev: 'if'
+      next: '*'
+    - blankLine: always
+      prev: '*'
+      next: switch
+    - blankLine: always
+      prev: switch
+      next: '*'
   react/prop-types: off
   react/display-name: off
   react/self-closing-comp: error

package.json

@@ -15,8 +15,8 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@commitlint/cli": "^17.6.5",
-    "@commitlint/config-conventional": "^17.6.5",
+    "@commitlint/cli": "^17.6.6",
+    "@commitlint/config-conventional": "^17.6.6",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
@@ -30,34 +30,35 @@
     "@graphql-codegen/client-preset": "4.0.1",
     "@graphql-codegen/introspection": "4.0.0",
     "@graphql-typed-document-node/core": "^3.2.0",
-    "@mantine/carousel": "^6.0.14",
-    "@mantine/core": "^6.0.14",
-    "@mantine/dates": "^6.0.14",
-    "@mantine/dropzone": "^6.0.14",
-    "@mantine/form": "^6.0.14",
-    "@mantine/hooks": "^6.0.14",
-    "@mantine/modals": "^6.0.14",
-    "@mantine/notifications": "^6.0.14",
-    "@mantine/nprogress": "^6.0.14",
-    "@mantine/prism": "^6.0.14",
-    "@mantine/spotlight": "^6.0.14",
-    "@mantine/tiptap": "^6.0.14",
+    "@mantine/carousel": "^6.0.15",
+    "@mantine/core": "^6.0.15",
+    "@mantine/dates": "^6.0.15",
+    "@mantine/dropzone": "^6.0.15",
+    "@mantine/form": "^6.0.15",
+    "@mantine/hooks": "^6.0.15",
+    "@mantine/modals": "^6.0.15",
+    "@mantine/notifications": "^6.0.15",
+    "@mantine/nprogress": "^6.0.15",
+    "@mantine/prism": "^6.0.15",
+    "@mantine/spotlight": "^6.0.15",
+    "@mantine/tiptap": "^6.0.15",
     "@monaco-editor/react": "^4.5.1",
     "@nanostores/persistent": "^0.9.0",
     "@nanostores/react": "^0.7.1",
-    "@tabler/icons-react": "^2.22.0",
+    "@tabler/icons-react": "^2.23.0",
     "@tanstack/eslint-plugin-query": "^4.29.9",
-    "@tanstack/react-query": "^4.29.15",
-    "@tanstack/react-query-devtools": "^4.29.15",
+    "@tanstack/react-query": "^4.29.19",
+    "@tanstack/react-query-devtools": "^4.29.19",
     "@tiptap/extension-link": "^2.0.3",
     "@tiptap/react": "^2.0.3",
     "@tiptap/starter-kit": "^2.0.3",
-    "@types/node": "^20.3.1",
-    "@types/react": "^18.2.13",
+    "@types/node": "^20.3.2",
+    "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
+    "@types/urijs": "^1.19.19",
     "@types/uuid": "^9.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
     "@vitejs/plugin-react-swc": "^3.3.2",
     "dayjs": "^1.11.8",
     "embla-carousel-react": "8.0.0-rc07",
@@ -69,15 +70,16 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "framer-motion": "^10.12.17",
-    "graphiql": "^2.4.7",
+    "graphiql": "^3.0.0",
     "graphql": "^16.7.1",
     "graphql-request": "^6.1.0",
     "husky": "^8.0.3",
-    "i18next": "^23.2.3",
-    "i18next-browser-languagedetector": "^7.0.2",
+    "i18next": "^23.2.5",
+    "i18next-browser-languagedetector": "^7.1.0",
     "immer": "^10.0.2",
-    "lint-staged": "^13.2.2",
-    "mantine-datatable": "^2.6.4",
+    "js-base64": "^3.7.5",
+    "lint-staged": "^13.2.3",
+    "mantine-datatable": "^2.6.5",
     "monaco-editor": "^0.39.0",
     "monaco-themes": "^0.4.4",
     "nanostores": "^0.9.2",
@@ -86,9 +88,10 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^13.0.1",
-    "react-router": "^6.13.0",
-    "react-router-dom": "^6.13.0",
-    "typescript": "^5.1.3",
+    "react-router": "^6.14.0",
+    "react-router-dom": "^6.14.0",
+    "typescript": "^5.1.6",
+    "urijs": "^1.19.11",
     "vite": "^4.3.9",
     "zod": "^3.21.4"
   }