Sync Code

After you complete creating new components, editing assets, and adding navigations, you can synchronise the updated code with your local project files.

Prepare for Sync

Click the Settings icon to specify your local project path.

Click the See More icon shown as "..." and choose your project path.

Make sure Project Name matches the name in the pubspec.yaml file.

Save your changes.

Different Sync Options

Monday Hero Desktop App has different sync options to stay up to date with your local directory. You can sync all screens in a project. You can sync only the screen you are working on. Additionally, if you've made changes to files manually, you can sync only those files.

Sync All Screens

In order to sync all screens, first you need to decide the first page that your users will interact with. Click the 'Navigations' from the menu at the left and select an entry page. Login/signup pages or onboarding flows are good choices for this step.

Click the 'Sync to Local' button and select 'Sync All Screens' option in the drop-down menu.

Just wait a few seconds while Monday Hero does its job. You're up to date!

Sync Only Selected Page

Click the 'Sync to Local' button and select 'Sync This Screen' option in the drop-down menu.

Just wait a few seconds while Monday Hero does its job. You're up to date!

Sync Files Individually

If you've made changes to files manually in Monday Hero's code editor, you can sync only those files.

Right-click on the file you have changed manually and select the 'Sync Selected File' option in the drop-down menu.

Monday Hero automatically updates the file in your local directory.

Last updated