GovTool - v2.0.15

CHANGELOG.md

@@ -18,6 +18,20 @@ changes.
 
 ### Removed
 
+## [v2.0.15](https://github.com/IntersectMBO/govtool/releases/tag/v2.0.15) 2025-03-11
+
+
+### Added
+
+- Add support for ada handle in drep payment address [Issue 3155](https://github.com/IntersectMBO/govtool/issues/3155)
+- Improve numerical data formatting in drep directory [Issue 3148](https://github.com/IntersectMBO/govtool/issues/3148)
+
+### Fixed
+
+### Changed
+
+### Removed
+
 ## [v2.0.14](https://github.com/IntersectMBO/govtool/releases/tag/v2.0.14) 2025-03-06
 
 ### Added

govtool/backend/Dockerfile

@@ -4,4 +4,4 @@ FROM $BASE_IMAGE_REPO:$BASE_IMAGE_TAG
 WORKDIR /src
 COPY . .
 RUN cabal build
-RUN cp dist-newstyle/build/x86_64-linux/ghc-9.2.7/vva-be-2.0.14/x/vva-be/build/vva-be/vva-be /usr/local/bin
+RUN cp dist-newstyle/build/x86_64-linux/ghc-9.2.7/vva-be-2.0.15/x/vva-be/build/vva-be/vva-be /usr/local/bin

govtool/backend/Dockerfile.qovery

@@ -4,7 +4,7 @@ FROM $BASE_IMAGE_REPO:$BASE_IMAGE_TAG
 WORKDIR /src
 COPY . .
 RUN cabal build
-RUN cp dist-newstyle/build/x86_64-linux/ghc-9.2.7/vva-be-2.0.14/x/vva-be/build/vva-be/vva-be /usr/local/bin
+RUN cp dist-newstyle/build/x86_64-linux/ghc-9.2.7/vva-be-2.0.15/x/vva-be/build/vva-be/vva-be /usr/local/bin
 
 # Expose the necessary port
 EXPOSE 9876

govtool/backend/vva-be.cabal

@@ -1,6 +1,6 @@
 cabal-version:      3.6
 name:               vva-be
-version:            2.0.14
+version:            2.0.15
 
 -- A short (one-line) description of the package.
 -- synopsis:

govtool/frontend/.storybook/preview.tsx

@@ -11,6 +11,7 @@ import { ModalProvider } from "../src/context/modal";
 import { CardanoProvider } from "../src/context/wallet";
 import i18n from "../src/i18n";
 import { theme } from "../src/theme";
+import { AdaHandleProvider } from "../src/context/adaHandle";
 
 const queryClient = new QueryClient();
 
@@ -29,32 +30,34 @@ const preview: Preview = {
       <QueryClientProvider client={queryClient}>
         <AppContextProvider>
           <FeatureFlagProvider>
-            <ThemeProvider theme={theme}>
-              <CardanoProvider>
-                <ModalProvider>
-                  <I18nextProvider i18n={i18n}>
-                    <MemoryRouter>
-                      <Routes>
-                        <Route
-                          path="/*"
-                          element={
-                            <div
-                              style={{
-                                margin: "0px",
-                                padding: "0px",
-                                position: "relative",
-                              }}
-                            >
-                              <Story />
-                            </div>
-                          }
-                        />
-                      </Routes>
-                    </MemoryRouter>
-                  </I18nextProvider>
-                </ModalProvider>
-              </CardanoProvider>
-            </ThemeProvider>
+            <AdaHandleProvider>
+              <ThemeProvider theme={theme}>
+                <CardanoProvider>
+                  <ModalProvider>
+                    <I18nextProvider i18n={i18n}>
+                      <MemoryRouter>
+                        <Routes>
+                          <Route
+                            path="/*"
+                            element={
+                              <div
+                                style={{
+                                  margin: "0px",
+                                  padding: "0px",
+                                  position: "relative",
+                                }}
+                              >
+                                <Story />
+                              </div>
+                            }
+                          />
+                        </Routes>
+                      </MemoryRouter>
+                    </I18nextProvider>
+                  </ModalProvider>
+                </CardanoProvider>
+              </ThemeProvider>
+            </AdaHandleProvider>
           </FeatureFlagProvider>
         </AppContextProvider>
       </QueryClientProvider>

govtool/frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@govtool/frontend",
   "private": true,
-  "version": "2.0.14",
+  "version": "2.0.15",
   "type": "module",
   "scripts": {
     "build": "vite build",

govtool/frontend/src/components/organisms/AutomatedVotingOptions.tsx

@@ -11,7 +11,7 @@ import { ICONS } from "@consts";
 import { PendingTransaction } from "@context";
 import { useGetNetworkMetrics, useTranslation } from "@hooks";
 import { AutomatedVotingCard } from "@molecules";
-import { correctVoteAdaFormat, openInNewTab } from "@/utils";
+import { correctDRepDirectoryFormat, openInNewTab } from "@/utils";
 import {
   AutomatedVotingOptionCurrentDelegation,
   AutomatedVotingOptionDelegationId,
@@ -129,7 +129,9 @@ export const AutomatedVotingOptions = ({
             }
             votingPower={
               networkMetrics
-                ? correctVoteAdaFormat(networkMetrics?.alwaysAbstainVotingPower)
+                ? correctDRepDirectoryFormat(
+                    networkMetrics?.alwaysAbstainVotingPower,
+                  )
                 : ""
             }
             transactionId={
@@ -170,7 +172,7 @@ export const AutomatedVotingOptions = ({
             }
             votingPower={
               networkMetrics
-                ? correctVoteAdaFormat(
+                ? correctDRepDirectoryFormat(
                     networkMetrics?.alwaysNoConfidenceVotingPower,
                   )
                 : ""

govtool/frontend/src/components/organisms/DRepCard.tsx

@@ -8,7 +8,7 @@ import { useTranslation } from "@hooks";
 import { DRepData, DRepStatus } from "@models";
 import { Card } from "@molecules";
 import {
-  correctVoteAdaFormat,
+  correctDRepDirectoryFormat,
   ellipsizeText,
   encodeCIP129Identifier,
   getBase64ImageDetails,
@@ -218,8 +218,21 @@ export const DRepCard = ({
               </Box>
             </Box>
 
-            <Box sx={{ display: "flex", flex: { xl: 1 }, gap: 3 }}>
-              <Box sx={{ width: { lg: "128px" } }}>
+            <Box
+              sx={{
+                display: "flex",
+                flex: { xl: 1 },
+                gap: 3,
+              }}
+            >
+              <Box
+                sx={{
+                  width: { lg: "128px" },
+                  display: "flex",
+                  alignItems: "flex-end",
+                  flexDirection: "column",
+                }}
+              >
                 <Typography
                   data-testid={`${view}-voting-power-label`}
                   variant="caption"
@@ -232,7 +245,7 @@ export const DRepCard = ({
                   data-testid={`${view}-voting-power`}
                   sx={{ whiteSpace: "nowrap" }}
                 >
-                  ₳ {correctVoteAdaFormat(votingPower)}
+                  ₳ {correctDRepDirectoryFormat(votingPower)}
                 </Typography>
               </Box>
               <Divider

govtool/frontend/src/components/organisms/DRepDetailsCard.tsx

@@ -7,7 +7,7 @@ import { useCardano, useModal } from "@context";
 import { useDelegateTodRep, useScreenDimension, useTranslation } from "@hooks";
 import { Card, DataMissingInfoBox } from "@molecules";
 import {
-  correctVoteAdaFormat,
+  correctDRepDirectoryFormat,
   encodeCIP129Identifier,
   testIdFromLabel,
 } from "@utils";
@@ -146,7 +146,7 @@ export const DRepDetailsCard = ({
             sx={{ display: "flex", flexDirection: "row", mt: 0.5 }}
           >
             {"₳ "}
-            {correctVoteAdaFormat(votingPower)}
+            {correctDRepDirectoryFormat(votingPower)}
           </Typography>
         </DRepDetailsInfoItem>
       </Box>

govtool/frontend/src/context/adaHandle.tsx

@@ -0,0 +1,49 @@
+import { createContext, useContext, PropsWithChildren, useMemo } from "react";
+import { HandleObject } from "@/models/adaHandle";
+import { adaHandleService } from "@/services/AdaHandle";
+
+type AdaHandleContextType = {
+  isValidAdaHandle: (handle: string) => Promise<boolean>;
+  getAdaHandleCIP105DRepId: (handle: string) => Promise<string>;
+  getAdaHandleCIP129DRepId: (handle: string) => Promise<string>;
+  getHandleDetails: (handle: string) => Promise<HandleObject | null>;
+};
+
+const AdaHandleContext = createContext<AdaHandleContextType | null>(null);
+
+/**
+ * Provides the AdaHandle context to its children components.
+ */
+export const AdaHandleProvider = ({ children }: PropsWithChildren) => {
+  const value = useMemo<AdaHandleContextType>(
+    () => ({
+      isValidAdaHandle: adaHandleService.isValidAdaHandle,
+      getAdaHandleCIP105DRepId: adaHandleService.getAdaHandleCIP105DRepId,
+      getAdaHandleCIP129DRepId: adaHandleService.getAdaHandleCIP129DRepId,
+      getHandleDetails: adaHandleService.getHandleDetails,
+    }),
+    [adaHandleService],
+  );
+
+  return (
+    <AdaHandleContext.Provider value={value}>
+      {children}
+    </AdaHandleContext.Provider>
+  );
+};
+
+/**
+ * Custom hook that provides access to the AdaHandle context.
+ * Throws an error if used outside of an AdaHandleProvider.
+ */
+export const useAdaHandleContext = () => {
+  const context = useContext(AdaHandleContext);
+
+  if (!context) {
+    throw new Error(
+      "useAdaHandleContext must be used within an AdaHandleProvider",
+    );
+  }
+
+  return context;
+};

govtool/frontend/src/context/appContext.tsx

@@ -15,7 +15,8 @@ import {
   PROTOCOL_PARAMS_KEY,
   setItemToLocalStorage,
 } from "@/utils";
-import { EpochParams, NetworkMetrics } from "@/models";
+import { EpochParams, NetworkMetrics, Network } from "@/models";
+import { adaHandleService } from "@/services/AdaHandle";
 
 const BOOTSTRAPPING_PHASE_MAJOR = 9;
 
@@ -25,7 +26,7 @@ type AppContextType = {
   isInBootstrapPhase: boolean;
   isFullGovernance: boolean;
   networkName: string;
-  network: string;
+  network: Network;
   cExplorerBaseUrl: string;
   epochParams?: EpochParams;
   networkMetrics?: NetworkMetrics;
@@ -58,6 +59,9 @@ const AppContextProvider = ({ children }: PropsWithChildren) => {
         const { data: networkMetricsData } = await fetchNetworkMetrics();
         if (networkMetricsData) {
           setItemToLocalStorage(NETWORK_METRICS_KEY, networkMetricsData);
+
+          // Initialize ada handle service
+          adaHandleService.initialize(networkMetricsData.networkName);
         }
 
         setIsAppInitializing(false);
@@ -81,7 +85,7 @@ const AppContextProvider = ({ children }: PropsWithChildren) => {
           (networkMetrics?.networkName as keyof typeof NETWORK_NAMES) ||
             "preview"
         ],
-      network: networkMetrics?.networkName || "preview",
+      network: networkMetrics?.networkName ?? Network.preview,
       cExplorerBaseUrl:
         CEXPLORER_BASE_URLS[
           (networkMetrics?.networkName as keyof typeof NETWORK_NAMES) ||

govtool/frontend/src/context/contextProviders.tsx

@@ -5,6 +5,7 @@ import { SnackbarProvider, useSnackbar } from "./snackbar";
 import { DataActionsBarProvider } from "./dataActionsBar";
 import { FeatureFlagProvider } from "./featureFlag";
 import { GovernanceActionProvider } from "./governanceAction";
+import { AdaHandleProvider } from "./adaHandle";
 
 interface Props {
   children: React.ReactNode;
@@ -14,13 +15,15 @@ const ContextProviders = ({ children }: Props) => (
   <AppContextProvider>
     <GovernanceActionProvider>
       <FeatureFlagProvider>
-        <ModalProvider>
-          <SnackbarProvider>
-            <DataActionsBarProvider>
-              <CardanoProvider>{children}</CardanoProvider>
-            </DataActionsBarProvider>
-          </SnackbarProvider>
-        </ModalProvider>
+        <AdaHandleProvider>
+          <ModalProvider>
+            <SnackbarProvider>
+              <DataActionsBarProvider>
+                <CardanoProvider>{children}</CardanoProvider>
+              </DataActionsBarProvider>
+            </SnackbarProvider>
+          </ModalProvider>
+        </AdaHandleProvider>
       </FeatureFlagProvider>
     </GovernanceActionProvider>
   </AppContextProvider>

govtool/frontend/src/context/featureFlag.test.tsx

@@ -3,6 +3,7 @@ import { renderHook } from "@testing-library/react";
 import { FeatureFlagProvider, useFeatureFlag } from "./featureFlag";
 import { GovernanceActionType } from "@/types/governanceAction";
 import { useAppContext } from "./appContext";
+import { Network } from "@/models";
 
 vi.mock("./appContext");
 
@@ -13,7 +14,7 @@ const mockUseAppContextReturnValue = {
   isAppInitializing: false,
   isInBootstrapPhase: false,
   isFullGovernance: true,
-  network: "preview",
+  network: Network.preview,
   networkName: "preview",
   isMainnet: false,
 };