🔷 [Epic] QueryAPI Launchpad

[Kevin101Zhang]

Description

Introducing a new launchpad within QueryAPI for enhancing the user experience, especially for new users. This Epic will include a wizard that allows users to input their contract filter and select methods and events, generating usable code directly on the Editor page. This quick setup process will make it easier for users to create and manage indexers efficiently.

Additionally, a new tab will serve as the homepage, providing an engaging introduction to QueryAPI. The wizard on this page will guide users through the setup process, making it simple to get started with a new indexer.

Figma file: https://www.figma.com/design/xzxzoxVkZhwsYqgos4fr91/QueryAPI-Landing?node-id=3-1400&t=mYjojog0GAMt01jd-0

Wizard + UI

Preview Give feedback

1. QueryAPI Wizard - Create an endpoint that returns method args schemas #859
   enhancement +1
   
2. Create a dummy API to generate code based on selected methods and events #876
   component: Frontend enhancement +2
   
3. Modify generateCode API to support method and eventFilters proper shape #914
   +0
   
4. Convert generateCode API to TS #910
   component: Frontend enhancement +2
   
5. Launchpad Events #966
   component: Frontend enhancement +2
   
6. Add support for events in addition to methods #880
   +0
   
7. run formatter/prettier on launchpad's generated code in Editor #974
   component: Frontend enhancement +2
   
8. used wizard Data to generate sample code and schema #935
   +0
   
9. Propagate data from BOS Wizard component to Nextjs Editor App #903
   component: Frontend enhancement +2
   
10. UI: Launchpad How it works #958
    component: Frontend enhancement +2
    
11. add select and unselect * #971
    component: Frontend enhancement +2
    
12. wrap launchpad generated code with header #996
    component: Frontend enhancement +2
    
13. editor DiffView should recognize LaunchPad generated code #998
    component: Frontend enhancement +2
    
14. type generation for launchpad Code #1000
    component: Frontend enhancement +2
    

UI Specific

Preview Give feedback

1. Create a design for QueryAPI homepage wizard #794
   +0
   
2. Launchpad UI Improvements 1 #994
   UI component: Frontend +2
   

Additional Tickets added

Preview Give feedback

1. context.error is highlighted as error #939
   component: Frontend enhancement +2
   
2. remove empty filter/empty indexer name JSX elements when creating a new indexer and renamed BOS jsx elements #972
   component: Frontend enhancement +2
   
3. Add From First Seen Block option to Publish Indexer modal #923
   +0
   
4. enable js to a higher version in monaco editor #865
   component: Frontend enhancement +2
   
5. chore: code separation of launchpad #904
   component: Frontend enhancement +2
   
6. Creating a new indexer takes you to the indexer #226
   bug component: Frontend +2