How do I edit a template component?

Iguana X makes it easy to create reusable template components which can be part of a git collection.

What if you need to modify the source template? This is one way to do it:

STEP 1: Change a template component’s repository

From the dashboard, click + Component and select Custom, then click Add
Once the component appears on the dashboard, double click it to bring up its information.
In the Connected To section, click on Customize
Select Keep upstream and Make Editable in the drop down list and click Confirm. The Connected To section should change to the following:
You now have two options:
- Edit Script allows you to make code changes and run the component with those changes
- Set Up allows you to set up a git repository for this component so that any changes made can be tracked
For now, click on Set Up to configure a repository for the component. You should see this window appear, with the Owner field being populated with the details of your Bitbucket account. If this is empty, follow this guide: Setting up Bitbucket Access
In the Repository field, pick a name for the repository such as my_first_component then click Confirm Change. This will create a new repository for you if a repository with that name doesn’t already exist.
The window will close itself, and take you back to the component card. The Connected To section will be updated with the new repository information.

STEP 2: Commit some code changes and push them to the remote repository

Now that there is a git repository tracking this component, changes made locally can be committed and saved to the cloud.

Click on Edit Script to open the Translator
Make some code changes. If nothing comes to mind, replace the code you see with the sample below, which just changes the component’s border on the dashboard to red
```
function main()
	component.setBorder{color="red"}
end
main()
```
Once you have made some changes, click on the Commit Changes button in the Translator toolbar, its the one that looks like a plus surrounded by a circle
In the window that appears you can see the changes that were made. Enter a message that summarizes the changes, then click Commit
You will be sent back to the Translator screen. Notice that there are a few changes:
- The Push Changes button in the Translator toolbar which looks an arrow pointing to a cloud has a blue dot. This means a local change is ready to be pushed to the cloud repository.
- A new section has appeared at the bottom. This is the Git Terminal. This is where you will see information appear when Git commands like pulling, committing and pushing are done.
- Users familiar with how Git works can use this terminal to perform Git operations.
Click on the Push Changes button. If Git was able to successfully send your changes to the remote repository, you will see this: