feat: run formatter/prettier on launchpad's generated code in Editor (#…

…975)

frontend/src/components/Editor/EditorComponents/Editor.tsx

@@ -1,4 +1,4 @@
 import { request, useInitialPayload } from 'near-social-bridge';
 import type { ReactElement } from 'react';
 import type { Method, Event } from '@/pages/api/generateCode';
 
@@ -31,7 +31,7 @@
 
 declare const monaco: any;
 const INDEXER_TAB_NAME = 'indexer.js';
 const SCHEMA_TAB_NAME = 'schema.sql';
 const originalSQLCode = formatSQL(defaultSchema);
 const originalIndexingCode = formatIndexingCode(defaultCode);
 const pgSchemaTypeGen = new PgSchemaTypeGen();
@@ -71,7 +71,7 @@
   const [heights, setHeights] = useState<number[]>(initialHeights);
 
   const [diffView, setDiffView] = useState<boolean>(false);
   const [blockView, setBlockView] = useState<boolean>(false);
   const { showModal } = useModal();
 
   const [isExecutingIndexerFunction, setIsExecutingIndexerFunction] = useState<boolean>(false);
@@ -131,7 +131,7 @@
       const data = await response.json();
 
       if (!data.hasOwnProperty('jsCode') || !data.hasOwnProperty('sqlCode')) {
-        throw new Error('No code was returned from the server');
+        throw new Error('No code was returned from the server with properties jsCode and sqlCode');
       }
 
       return data;
@@ -151,15 +151,16 @@
         }
 
         const codeResponse = await generateCode(wizardContractFilter, wizardMethods, wizardEvents);
-        setIndexingCode(codeResponse.jsCode);
-        setSchema(codeResponse.sqlCode);
+        const { validatedCode, validatedSchema } = reformatAll(codeResponse.jsCode, codeResponse.sqlCode);
+        validatedCode && setIndexingCode(validatedCode);
+        validatedSchema && setSchema(validatedSchema);
       } catch (error: unknown) {
         //todo: figure out best course of action for user if api fails
         console.error(error);
       }
     };
     fetchData();
   }, []);
 
   useEffect(() => {
     //* Load saved code from local storage if it exists else load code from context
@@ -177,7 +178,7 @@
       monacoEditorRef.current.setPosition(savedCursorPosition || { lineNumber: 1, column: 1 });
       monacoEditorRef.current.focus();
     }
   }, [indexerDetails.code]);
 
   useEffect(() => {
     //* Load saved schema from local storage if it exists else load code from context
@@ -188,7 +189,7 @@
       schemaErrorHandler(schemaError);
       formattedSchema && setSchema(formattedSchema);
     }
   }, [indexerDetails.schema]);
 
   useEffect(() => {
     const { error: schemaError } = validateSQLSchema(schema);
@@ -201,11 +202,11 @@
     }
 
     handleCodeGen();
   }, [fileName]);
 
   useEffect(() => {
     cacheToLocal();
   }, [indexingCode, schema]);
 
   useEffect(() => {
     if (!monacoEditorRef.current) return;
@@ -216,12 +217,12 @@
     return () => {
       editorInstance.dispose();
     };
   }, [monacoEditorRef.current]);
 
   useEffect(() => {
     storageManager?.setSchemaTypes(schemaTypes);
     handleCodeGen();
   }, [schemaTypes, monacoMount]);
 
   useEffect(() => {
     storageManager?.setDebugList(heights);