feat: events workflow in wizard (#969)

added events into launchpad.
near · Aug 2, 2024 · 6a1810b · 6a1810b
1 parent a0b9284
commit 6a1810b
Show file tree

Hide file tree

Showing 8 changed files with 348 additions and 421 deletions.
diff --git a/frontend/src/components/Editor/EditorComponents/Editor.tsx b/frontend/src/components/Editor/EditorComponents/Editor.tsx
@@ -144,13 +144,13 @@ const Editor: React.FC = (): ReactElement => {
     const fetchData = async () => {
       try {
         const response = await fetchWizardData('');
-        const { wizardContractFilter, wizardMethods } = response;
+        const { wizardContractFilter, wizardMethods, wizardEvents } = response;
 
         if (wizardContractFilter === 'noFilter') {
           return;
         }
 
-        const codeResponse = await generateCode(wizardContractFilter, wizardMethods);
+        const codeResponse = await generateCode(wizardContractFilter, wizardMethods, wizardEvents);
         setIndexingCode(codeResponse.jsCode);
         setSchema(codeResponse.sqlCode);
       } catch (error: unknown) {

diff --git a/frontend/src/components/Editor/EditorComponents/GenerateCode.tsx b/frontend/src/components/Editor/EditorComponents/GenerateCode.tsx
diff --git a/frontend/src/pages/api/generateCode.ts b/frontend/src/pages/api/generateCode.ts
@@ -38,8 +38,8 @@ export const validateRequestBody = (body: any): body is RequestBody => {
     isStringOrArray(body.contractFilter) &&
     Array.isArray(body.selectedMethods) &&
     body.selectedMethods.every(isValidMethod)
-    // && Array.isArray(body.selectedEvents) &&
-    // body.selectedEvents.every(isValidEvent)
+    && Array.isArray(body.selectedEvents) &&
+    body.selectedEvents.every(isValidEvent)
   );
 };
 
@@ -59,7 +59,6 @@ export default function handler(req: NextApiRequest, res: NextApiResponse): void
   res.setHeader('Access-Control-Allow-Origin', '*');
   res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');
   res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
-
   if (req.method === 'OPTIONS') {
     res.status(200).end();
     return;
@@ -78,7 +77,6 @@ export default function handler(req: NextApiRequest, res: NextApiResponse): void
   }
 
   const { contractFilter, selectedMethods, selectedEvents } = req.body;
-
   const filterString = Array.isArray(contractFilter) ? contractFilter.join(', ') : contractFilter;
 
   const generator = new WizardCodeGenerator(filterString, selectedMethods, selectedEvents);

diff --git a/frontend/src/pages/query-api-editor/index.js b/frontend/src/pages/query-api-editor/index.js
@@ -3,7 +3,6 @@ import React, { useContext, useEffect } from 'react';
 import { Alert } from 'react-bootstrap';
 
 import Editor from '@/components/Editor/EditorComponents/Editor';
-import GenerateCode from '@/components/Editor/EditorComponents/GenerateCode';
 import IndexerLogsContainer from '@/components/Logs/LogsViewContainer/IndexerLogsContainer';
 import { IndexerDetailsContext } from '@/contexts/IndexerDetailsContext';
 
@@ -25,10 +24,6 @@ const QueryApiEditorPage = ({ router }) => {
     );
   }
 
-  if (accountId == 'test' && indexerName == 'test') {
-    return <GenerateCode />;
-  }
-
   return showLogsView ? <IndexerLogsContainer /> : <Editor />;
 };
 

diff --git a/frontend/src/test/api/generateCode.test.ts b/frontend/src/test/api/generateCode.test.ts
@@ -23,8 +23,8 @@ const createRequestResponseMocks = (
   };
 };
 
-describe('generateCode API', () => {
-  it('should return generated JS and SQL code for valid input', async () => {
+describe('generateCode API ', () => {
+  it('should return generated JS and SQL code for valid input methods', async () => {
     const { req, res } = createRequestResponseMocks('POST', {
       contractFilter: 'filter',
       selectedMethods: [
@@ -65,6 +65,56 @@ describe('generateCode API', () => {
           },
         },
       ],
+      selectedEvents: [],
+    });
+
+    handler(req, res);
+
+    expect(res._getStatusCode()).toBe(200);
+    const responseData = JSON.parse(res._getData());
+    console.log(responseData);
+  });
+
+  it('should return generated JS and SQL code for valid input events', async () => {
+    const { req, res } = createRequestResponseMocks('POST', {
+      contractFilter: 'filter',
+      selectedMethods: [],
+      selectedEvents: [{
+        event_name: 'register',
+        schema: {
+          type: 'object',
+          properties: {
+            function_name: {
+              type: 'string',
+            },
+            code: {
+              type: 'string',
+            },
+            schema: {
+              type: 'string',
+            },
+            start_block_height: {
+              type: 'integer',
+            },
+            filter_json: {
+              type: 'string',
+            },
+          },
+          required: ['function_name', 'code', 'schema', 'start_block_height', 'filter_json'],
+        },
+      },
+      {
+        event_name: 'remove_indexer_function',
+        schema: {
+          type: 'object',
+          properties: {
+            function_name: {
+              type: 'string',
+            },
+          },
+          required: ['function_name'],
+        },
+      },],
     });
 
     handler(req, res);
@@ -73,6 +123,7 @@ describe('generateCode API', () => {
     const responseData = JSON.parse(res._getData());
     console.log(responseData);
   });
+
   it('should handle empty arrays correctly because I mean maybe they just want something to do with contractName?', async () => {
     const { req, res } = createRequestResponseMocks('POST', {
       contractFilter: 'filter',

diff --git a/frontend/widgets/src/QueryApi.Dashboard.jsx b/frontend/widgets/src/QueryApi.Dashboard.jsx
@@ -46,6 +46,7 @@ const [activeTab, setActiveTab] = useState(props.view === "create-new-indexer" ?
 const [activeIndexerTabView, setActiveIndexerTabView] = useState(props.activeIndexerView ?? "editor");
 const [selectedIndexer, setSelectedIndexer] = useState(props.selectedIndexerPath);
 
+const [wizardEvents, setWizardEvents] = useState({});
 const [wizardMethods, setWizardMethods] = useState({});
 const [wizardContractFilter, setWizardContractFilter] = useState('');
 
@@ -109,6 +110,7 @@ return (
               setSelectedIndexer: setSelectedIndexer,
               setWizardContractFilter: setWizardContractFilter,
               setWizardMethods: setWizardMethods,
+              setWizardEvents: setWizardEvents,
             }}
           />
         </Section>
@@ -131,6 +133,7 @@ return (
               path: "create-new-indexer",
               wizardContractFilter: wizardContractFilter,
               wizardMethods: wizardMethods,
+              wizardEvents: wizardEvents,
             }}
           />
         </Section>

diff --git a/frontend/widgets/src/QueryApi.Editor.jsx b/frontend/widgets/src/QueryApi.Editor.jsx
@@ -4,7 +4,7 @@ const activeView = props.activeView || "editor";
 let accountId = props.accountId || context.accountId;
 let externalAppUrl = `${REPL_EXTERNAL_APP_URL}/${path}?accountId=${accountId}`;
 
-const { wizardContractFilter, wizardMethods } = props;
+const { wizardContractFilter, wizardMethods, wizardEvents } = props;
 
 if (props.indexerName) {
   externalAppUrl += `&indexerName=${props.indexerName}`;
@@ -60,7 +60,8 @@ let deleteIndexer = (request) => {
 const getLaunchpadCode = (request, response) => {
   const wizardContractFilter = wizardContractFilter ?? 'noFilter';
   const wizardMethods = wizardMethods;
-  response(request).send({ wizardContractFilter, wizardMethods });
+  const wizardEvents = wizardEvents;
+  response(request).send({ wizardContractFilter, wizardMethods, wizardEvents });
 }
 
 /**