Nodes and Swaps

New node page: Configure your own blockchain node URLs
New swap page: Simplified liquidity pool UX
Misc fixes
package version updates

package.json

@@ -85,10 +85,10 @@
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@react-hook/throttle": "^2.2.0",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
     "assert": "^2.1.0",
-    "astro": "^4.14.2",
+    "astro": "^4.14.5",
     "bigi": "^1.4.2",
     "bignumber.js": "^9.1.2",
     "bitsharesjs": "https://github.com/bitshares/bitsharesjs#develop",
@@ -102,7 +102,7 @@
     "deep-equal": "^2.2.3",
     "ecurve": "^1.0.6",
     "electron-devtools-installer": "^3.2.0",
-    "embla-carousel-react": "^8.1.8",
+    "embla-carousel-react": "^8.2.0",
     "express": "^4.19.2",
     "fuse.js": "^7.0.0",
     "input-otp": "^1.2.4",
@@ -114,10 +114,10 @@
     "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.52.2",
+    "react-hook-form": "^7.53.0",
     "react-i18next": "^15.0.1",
     "react-intersection-observer": "^9.13.0",
-    "react-resizable-panels": "^2.1.0",
+    "react-resizable-panels": "^2.1.1",
     "react-window": "^1.8.10",
     "recharts": "^2.12.7",
     "safe-buffer": "^5.2.1",
@@ -136,7 +136,7 @@
     "@babel/preset-env": "^7.25.3",
     "@soda/friendly-errors-webpack-plugin": "^1.8.1",
     "babel-loader": "^9.1.3",
-    "electron": "^31.4.0",
+    "electron": "^32.0.1",
     "electron-builder": "^24.13.3",
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",

src/components/AccountSearch.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from "react";
+import { useStore } from '@nanostores/react';
 import { useTranslation } from "react-i18next";
 import { i18n as i18nInstance, locale } from "@/lib/i18n.js";
 
@@ -16,10 +17,12 @@ import { Button } from "@/components/ui/button";
 import { Avatar } from "@/components/Avatar.tsx";
 
 import { accountSearch } from "@/nanoeffects/UserSearch.ts";
+import { $currentNode } from "@/stores/node.ts";
 
 export default function AccountSearch(properties) {
   const { chain, excludedUsers, setChosenAccount } = properties;
   const { t, i18n } = useTranslation(locale.get(), { i18n: i18nInstance });
+  const currentNode = useStore($currentNode);
 
   const [accountInput, setAccountInput] = useState();
   const [errorMessage, setErrorMessage] = useState();
@@ -39,7 +42,7 @@ export default function AccountSearch(properties) {
 
     let response;
     try {
-      response = await accountSearch(chain, accountInput);
+      response = await accountSearch(chain, accountInput, currentNode ? currentNode.url : null);
     } catch (error) {
       console.log({ error, msg: t("AccountSearch:noSearch.error") });
       setErrorMessage(t("AccountSearch:noSearch.error"));

src/components/AccountSelect.jsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useSyncExternalStore } from "react";
 import { useTranslation } from "react-i18next";
+import { useStore } from '@nanostores/react';
 import { i18n as i18nInstance, locale } from "@/lib/i18n.js";
 
 import {
@@ -18,12 +19,14 @@ import { Button } from "@/components/ui/button";
 import { Avatar } from "@/components/Avatar.tsx";
 
 import { $currentUser, setCurrentUser, $userStorage, removeUser } from "@/stores/users.ts";
+import { $currentNode } from "@/stores/node.ts";
 
 import { accountSearch } from "@/nanoeffects/UserSearch.ts";
 
 export default function AccountSelect(properties) {
   const { t, i18n } = useTranslation(locale.get(), { i18n: i18nInstance });
   const usr = useSyncExternalStore($currentUser.subscribe, $currentUser.get, () => true);
+  const currentNode = useStore($currentNode);
 
   const [chain, setChain] = useState();
   const [mode, setMode] = useState();
@@ -43,7 +46,7 @@ export default function AccountSelect(properties) {
   async function lookupAccount() {
     let response;
     try {
-      response = await accountSearch(chain, accountInput);
+      response = await accountSearch(chain, accountInput, currentNode ? currentNode.url : null);
     } catch (error) {
       console.log({ error, msg: t("AccountSelect:noAccount") });
       setErrorMessage(t("AccountSelect:noAccount"));

src/components/CreditBorrow.jsx

@@ -1,8 +1,8 @@
-import React, { useState, useEffect, useSyncExternalStore, useMemo } from "react";
+import React, { useState, useEffect, useSyncExternalStore, useMemo, useCallback } from "react";
 import { FixedSizeList as List } from "react-window";
 import Fuse from "fuse.js";
+import { useStore } from '@nanostores/react';
 import { useTranslation } from "react-i18next";
-import { GearIcon } from "@radix-ui/react-icons";
 
 import { i18n as i18nInstance, locale } from "@/lib/i18n.js";
 
@@ -23,14 +23,15 @@ import { createUserBalancesStore } from "@/nanoeffects/UserBalances.ts";
 import { useInitCache } from "@/nanoeffects/Init.ts";
 
 import { $currentUser } from "@/stores/users.ts";
+import { $currentNode } from "@/stores/node.ts";
 import {
   $assetCacheBTS,
   $assetCacheTEST,
   $offersCacheBTS,
   $offersCacheTEST,
 } from "@/stores/cache.ts";
 
-import { humanReadableFloat } from "@/lib/common.js";
+import { humanReadableFloat, debounce } from "@/lib/common.js";
 
 function hoursTillExpiration(expirationTime) {
   var expirationDate = new Date(expirationTime);
@@ -50,6 +51,7 @@ const isValid = (str) => /^[a-zA-Z0-9.-]+$/.test(str);
 export default function CreditBorrow(properties) {
   const { t, i18n } = useTranslation(locale.get(), { i18n: i18nInstance });
   const usr = useSyncExternalStore($currentUser.subscribe, $currentUser.get, () => true);
+  const currentNode = useStore($currentNode);
 
   const _assetsBTS = useSyncExternalStore($assetCacheBTS.subscribe, $assetCacheBTS.get, () => true);
   const _assetsTEST = useSyncExternalStore(
@@ -105,7 +107,7 @@ export default function CreditBorrow(properties) {
     let unsubscribeUserBalances;
 
     if (usr && usr.id) {
-      const userBalancesStore = createUserBalancesStore([usr.chain, usr.id]);
+      const userBalancesStore = createUserBalancesStore([usr.chain, usr.id, currentNode ? currentNode.url : null]);
 
       unsubscribeUserBalances = userBalancesStore.subscribe(({ data, error, loading }) => {
         if (data && !error && !loading) {
@@ -350,6 +352,21 @@ export default function CreditBorrow(properties) {
     return <CommonRow index={index} style={style} res={res} foundAsset={foundAsset} />;
   };
 
+  const [thisSearchInput, setThisSearchInput] = useState();
+
+  const debouncedSetSearchInput = useCallback(
+    // Throttle slider
+    debounce((event) => {
+      setThisInput(event.target.value);
+      window.history.replaceState(
+        {},
+        "",
+        `?tab=search&searchTab=${activeSearch}&searchText=${event.target.value}`
+      );
+    }, 500),
+    []
+  );
+
   return (
     <>
       <div className="container mx-auto mt-5 mb-5">
@@ -512,10 +529,12 @@ export default function CreditBorrow(properties) {
                         </TabsList>
                         <Input
                           name="searchInput"
-                          placeholder={thisInput ?? "Enter search text"}
+                          placeholder={thisSearchInput ?? t("Smartcoins:enterSearchText")}
                           className="mb-3 mt-3 w-full"
+                          value={thisSearchInput || ""}
                           onChange={(event) => {
-                            setThisInput(event.target.value);
+                            setThisSearchInput(event.target.value);
+                            debouncedSetSearchInput(event)
                           }}
                         />
                         <TabsContent value="borrow">

src/components/CreditDeals.jsx

@@ -1,6 +1,7 @@
 import React, { useState, useEffect, useSyncExternalStore, useMemo } from "react";
 import { FixedSizeList as List } from "react-window";
 import { useForm } from "react-hook-form";
+import { useStore } from '@nanostores/react';
 import { useTranslation } from "react-i18next";
 import { i18n as i18nInstance, locale } from "@/lib/i18n.js";
 
@@ -38,6 +39,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 
 import { $currentUser } from "@/stores/users.ts";
+import { $currentNode } from "@/stores/node.ts";
 import {
   $assetCacheBTS,
   $assetCacheTEST,
@@ -46,7 +48,6 @@ import {
 } from "@/stores/cache.ts";
 
 import { useInitCache } from "@/nanoeffects/Init.ts";
-
 import { createUserBalancesStore } from "@/nanoeffects/UserBalances.ts";
 import { createBorrowerDealsStore } from "@/nanoeffects/BorrowerDeals.ts";
 import { createLenderDealsStore } from "@/nanoeffects/LenderDeals.ts";
@@ -63,6 +64,7 @@ export default function CreditDeals(properties) {
       account: "",
     },
   });
+  const currentNode = useStore($currentNode);
 
   const usr = useSyncExternalStore($currentUser.subscribe, $currentUser.get, () => true);
 
@@ -159,7 +161,7 @@ export default function CreditDeals(properties) {
     let unsubscribeUserBalances;
 
     if (usr && usr.id) {
-      const userBalancesStore = createUserBalancesStore([usr.chain, usr.id]);
+      const userBalancesStore = createUserBalancesStore([usr.chain, usr.id, currentNode ? currentNode.url : null]);
 
       unsubscribeUserBalances = userBalancesStore.subscribe(({ data, error, loading }) => {
         if (data && !error && !loading) {