fix: use nanoid to compatible with old devices

package.json

@@ -33,6 +33,7 @@
     "i18next": "^23.7.7",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.34.1",
+    "nanoid": "^5.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^3.1.4",

pnpm-lock.yaml

@@ -56,6 +56,9 @@ dependencies:
   monaco-editor:
     specifier: ^0.34.1
     version: 0.34.1
+  nanoid:
+    specifier: ^5.0.4
+    version: 5.0.4
   react:
     specifier: ^18.2.0
     version: 18.2.0
@@ -3193,6 +3196,15 @@ packages:
     hasBin: true
     dev: true
 
+  /nanoid@5.0.4:
+    resolution:
+      {
+        integrity: sha512-vAjmBf13gsmhXSgBrtIclinISzFFy22WwCYoyilZlsrRXNIHSwgFQ1bEdjRwMT3aoadeIF6HMuDRlOxzfXV8ig==,
+      }
+    engines: { node: ^18 || >=20 }
+    hasBin: true
+    dev: false
+
   /no-case@3.0.4:
     resolution:
       {

src/components/test/test-viewer.tsx

@@ -5,6 +5,7 @@ import { useForm, Controller } from "react-hook-form";
 import { TextField } from "@mui/material";
 import { useVerge } from "@/hooks/use-verge";
 import { BaseDialog, Notice } from "@/components/base";
+import { nanoid } from "nanoid";
 
 interface Props {
   onChange: (uid: string, patch?: Partial<IVergeTestItem>) => void;
@@ -67,7 +68,7 @@ export const TestViewer = forwardRef<TestViewerRef, Props>((props, ref) => {
         let uid;
 
         if (openType === "new") {
-          uid = crypto.randomUUID();
+          uid = nanoid();
           const item = { ...form, uid };
           newList = [...testList, item];
           await patchVerge({ test_list: newList });

src/pages/test.tsx

@@ -20,6 +20,7 @@ import { BasePage } from "@/components/base";
 import { TestViewer, TestViewerRef } from "@/components/test/test-viewer";
 import { TestItem } from "@/components/test/test-item";
 import { emit } from "@tauri-apps/api/event";
+import { nanoid } from "nanoid";
 
 const TestPage = () => {
   const { t } = useTranslation();
@@ -34,19 +35,19 @@ const TestPage = () => {
   // test list
   const testList = verge?.test_list ?? [
     {
-      uid: crypto.randomUUID(),
+      uid: nanoid(),
       name: "Apple",
       url: "https://www.apple.com",
       icon: "https://www.apple.com/favicon.ico",
     },
     {
-      uid: crypto.randomUUID(),
+      uid: nanoid(),
       name: "GitHub",
       url: "https://www.github.com",
       icon: `<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#000000"/></svg>`,
     },
     {
-      uid: crypto.randomUUID(),
+      uid: nanoid(),
       name: "Google",
       url: "https://www.google.com",
       icon: `<svg enable-background="new 0 0 48 48" height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="m43.611 20.083h-1.611v-.083h-18v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657c-3.572-3.329-8.35-5.382-13.618-5.382-11.045 0-20 8.955-20 20s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z" fill="#ffc107"/><path d="m6.306 14.691 6.571 4.819c1.778-4.402 6.084-7.51 11.123-7.51 3.059 0 5.842 1.154 7.961 3.039l5.657-5.657c-3.572-3.329-8.35-5.382-13.618-5.382-7.682 0-14.344 4.337-17.694 10.691z" fill="#ff3d00"/><path d="m24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238c-2.008 1.521-4.504 2.43-7.219 2.43-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025c3.31 6.477 10.032 10.921 17.805 10.921z" fill="#4caf50"/><path d="m43.611 20.083h-1.611v-.083h-18v8h11.303c-.792 2.237-2.231 4.166-4.087 5.571.001-.001.002-.001.003-.002l6.19 5.238c-.438.398 6.591-4.807 6.591-14.807 0-1.341-.138-2.65-.389-3.917z" fill="#1976d2"/></svg>`,