Handle Cardano transactions prover capability in explorer

Co-authored-by: Sébastien Fauvel <[email protected]>
Co-authored-by: DJO <[email protected]>

Author: 3 people

mithril-explorer/__tests__/CardanoTransactionsFormInput.test.js

@@ -2,8 +2,10 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import "@testing-library/jest-dom";
 import CardanoTransactionsFormInput from "#/CardanoTransactionsFormInput";
 
-function setup() {
-  const utils = [render(<CardanoTransactionsFormInput />)];
+function setup(maxHashesAllowedByRequest = 100) {
+  const utils = [
+    render(<CardanoTransactionsFormInput maxAllowedHashesByRequest={maxHashesAllowedByRequest} />),
+  ];
   return {
     input: screen.getByRole("textbox"),
     ...utils,
@@ -83,4 +85,20 @@ describe("CardanoTransactionsFormInput", () => {
     expect(input.checkValidity()).toBeFalsy();
     expect(input.value).toBe(transactions);
   });
+
+  it.each([
+    ["Max 'one'", 1],
+    ["Max 'zero' should be equivalent to max 'one'", 0],
+    ["Max 'two'", 2],
+  ])("Setting more than max hashes allowed by request: %s", (_, maxHashesAllowedByRequest) => {
+    const { input } = setup(maxHashesAllowedByRequest);
+    const transactions =
+      "c44d1f8df92bc75fe74d69b236b1c0ebcab1e3c350ee5ac70e8a8ef53c1e5918,b45d2f9df92bc75fe74e69b236b1c0ebcab1e3c350ee5ac71e8a8ef53c1e5918,a60d2f9df92bc75fe74e69b224b1c0bacab1e3c350ee5ac71e8a8ef65c1e5918";
+    fireEvent.change(input, {
+      target: { value: transactions },
+    });
+
+    expect(input.checkValidity()).toBeFalsy();
+    expect(input.value).toBe(transactions);
+  });
 });

mithril-explorer/src/components/Artifacts/CardanoTransactionsSnapshotsList/index.js

@@ -6,7 +6,8 @@ import LocalDateTime from "#/LocalDateTime";
 import CardanoTransactionsFormInput from "#/CardanoTransactionsFormInput";
 import CertificateModal from "#/CertificateModal";
 import CertifyCardanoTransactionsModal from "#/CertifyCardanoTransactionsModal";
-import { selectedAggregator } from "@/store/settingsSlice";
+import { defaultAggregatorCapabilities } from "@/constants";
+import { selectedAggregator, selectedAggregatorCapabilities } from "@/store/settingsSlice";
 
 export default function CardanoTransactionsSnapshotsList(props) {
   const [cardanoTransactionsSnapshots, setCardanoTransactionsSnapshots] = useState([]);
@@ -19,6 +20,9 @@ export default function CardanoTransactionsSnapshotsList(props) {
   );
   const autoUpdate = useSelector((state) => state.settings.autoUpdate);
   const updateInterval = useSelector((state) => state.settings.updateInterval);
+  const currentAggregatorCapabilities = useSelector((state) =>
+    selectedAggregatorCapabilities(state),
+  );
 
   useEffect(() => {
     if (!autoUpdate) {
@@ -96,7 +100,14 @@ export default function CardanoTransactionsSnapshotsList(props) {
               noValidate
               validated={showCertificationFormValidation}>
               <Row>
-                <CardanoTransactionsFormInput />
+                <CardanoTransactionsFormInput
+                  maxAllowedHashesByRequest={
+                    currentAggregatorCapabilities?.cardano_transactions_prover
+                      ?.max_hashes_allowed_by_request ??
+                    defaultAggregatorCapabilities.cardano_transactions_prover
+                      .max_hashes_allowed_by_request
+                  }
+                />
               </Row>
             </Form>
           </Row>

mithril-explorer/src/components/CardanoTransactionsFormInput.js

@@ -1,7 +1,10 @@
 import { Button, Form, FormGroup, InputGroup } from "react-bootstrap";
 import React from "react";
 
-export default function CardanoTransactionsFormInput() {
+export default function CardanoTransactionsFormInput({ maxAllowedHashesByRequest }) {
+  const maxHashesAllowed = Math.max(maxAllowedHashesByRequest, 1);
+  const validationPattern = ` *(\\w+ *, *){0,${maxHashesAllowed - 1}}\\w+,? *`;
+
   return (
     <FormGroup>
       <InputGroup hasValidation>
@@ -11,7 +14,7 @@ export default function CardanoTransactionsFormInput() {
           type="text"
           placeholder="comma-separated list of transactions hashes"
           required
-          pattern=" *(\w+ *, *)*\w+,? *"
+          pattern={validationPattern}
         />
         <Form.Control.Feedback type="invalid">
           Please provide a comma-separated list of transactions hashes.

mithril-explorer/src/constants.js

@@ -9,4 +9,7 @@ export const signedEntityType = {
 
 export const defaultAggregatorCapabilities = {
   signed_entity_types: [],
+  cardano_transactions_prover: {
+    max_hashes_allowed_by_request: 100,
+  },
 };

mithril-explorer/src/store/settingsSlice.js

@@ -87,6 +87,8 @@ export const {
 } = settingsSlice.actions;
 
 export const selectedAggregator = (state) => state.settings.selectedAggregator;
+export const selectedAggregatorCapabilities = (state) =>
+  state.settings?.aggregatorCapabilities ?? defaultAggregatorCapabilities;
 export const selectedAggregatorSignedEntities = (state) =>
   state.settings?.aggregatorCapabilities?.signed_entity_types ?? [];