feat: create wallet from secret phrase in url

Author: nicolastmaia

src/App.tsx

@@ -18,6 +18,7 @@ import FAQ from './pages/FAQ';
 import ConfigDevice from './pages/ConfigDevice';
 import Passcode from './pages/Passcode';
 import { getServerIpAddress } from "./api";
+import { parseQueryParams } from "./utils/utils";
 
 global.Buffer = require('buffer').Buffer;
 
@@ -67,7 +68,15 @@ function App() {
       const vpnTimeUsedInMin = parseInt(localStorage.getItem("vpnTimeUsedInMin") || "0");
       _vpnTimeUsedInMin.current = vpnTimeUsedInMin;
 
-      await createOrGetWallet();
+      const queryParams = parseQueryParams(window.location.search);
+      let secretPhrase: string | null = null;
+
+      if (window.location.search && queryParams) {
+        secretPhrase = queryParams.get("secretPhrase");
+        secretPhrase = secretPhrase ? secretPhrase.replaceAll("-", " ") : null;
+      }
+
+      await createOrGetWallet(secretPhrase);
       listenProfileVer(setProfile);
 
       if (!window?.webkit) {

src/services/wallets.ts

@@ -20,11 +20,11 @@ let isGetFaucetProcess = false;
 
 let getFaucetRoop = 0;
 
-const createOrGetWallet = async () => {
+const createOrGetWallet = async (secretPhrase: string | null) => {
   await checkStorage();
 
   if (!CoNET_Data || !CoNET_Data?.profiles) {
-    const acc = createKeyHDWallets();
+    const acc = createKeyHDWallets(secretPhrase);
 
     const key = await createGPGKey("", "", "");
 
@@ -123,10 +123,11 @@ const createOrGetWallet = async () => {
   return profile;
 };
 
-const createKeyHDWallets = () => {
+const createKeyHDWallets = (secretPhrase: string | null) => {
   try {
-    const root = ethers.Wallet.createRandom();
-    return root;
+    if (!secretPhrase) return ethers.Wallet.createRandom();
+
+    return ethers.Wallet.fromPhrase(secretPhrase);
   } catch (ex) {
     return null;
   }

src/utils/utils.ts

@@ -137,3 +137,26 @@ export const getRemainingTime = (timestamp: number): string => {
     "0"
   )}:${String(seconds).padStart(2, "0")}`;
 };
+
+export const parseQueryParams = (queryString: string) => {
+  const params = new Map();
+
+  // Remove the leading '?' if present
+  const cleanQueryString = queryString.startsWith("?")
+    ? queryString.slice(1)
+    : queryString;
+
+  // Split the string into key-value pairs
+  const pairs = cleanQueryString.split("&");
+
+  for (const pair of pairs) {
+    // Split each pair into key and value
+    const [key, value] = pair.split("=").map(decodeURIComponent);
+    // Only add if key is not undefined
+    if (key) {
+      params.set(key, value || "");
+    }
+  }
+
+  return params;
+};